/*
Theme Name: Letman
Theme URI: https://letman.pe
Author: Ángel Yarmas
Author URI: 
Description: Modern WordPress block theme for Letman - Fuel management company
Requires at least: 6.9
Tested up to: 6.9
Requires PHP: 5.7
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: letman
Tags: block-theme, full-site-editing, custom-colors, responsive-design
*/

/* Additional custom styles - theme.json handles most styling */

/* Capitalize post date (month names) */
.wp-block-post-date {
	text-transform: capitalize;
}

/* Archive page styles */
.archive .wp-block-post-title a,
.blog .wp-block-post-title a {
	color: var(--wp--preset--color--primary-red);
	text-decoration: none;
	transition: color 0.2s ease;
}

.archive .wp-block-post-title a:hover,
.blog .wp-block-post-title a:hover {
	color: var(--wp--preset--color--black);
}

/* Archive post date styling */
.archive .wp-block-post-date,
.blog .wp-block-post-date {
	color: var(--wp--preset--color--gray-dark);
}

/* Archive excerpt styling */
.archive .wp-block-post-excerpt,
.blog .wp-block-post-excerpt {
	color: var(--wp--preset--color--gray-dark);
}

/* Archive 'Read more' link */
.archive .wp-block-post-excerpt__more-link,
.blog .wp-block-post-excerpt__more-link {
	color: var(--wp--preset--color--primary-red);
	font-weight: 600;
	font-size: var(--wp--preset--font-size--medium);
	text-decoration: none;
	transition: color 0.2s ease;
	display: inline-block;
}

.archive .wp-block-post-excerpt__more-text,
.blog .wp-block-post-excerpt__more-text {
	text-align: right;
	display: block;
	margin-top: var(--wp--preset--spacing--30);
}

.archive .wp-block-post-excerpt__more-link:hover,
.blog .wp-block-post-excerpt__more-link:hover {
	color: var(--wp--preset--color--black);
	text-decoration: underline;
}

/* Featured image hover effect in archive */
.archive .wp-block-post-featured-image img,
.blog .wp-block-post-featured-image img {
	transition: transform 0.3s ease, opacity 0.3s ease;
}

.archive .wp-block-post-featured-image:hover img,
.blog .wp-block-post-featured-image:hover img {
	transform: scale(1.02);
	opacity: 0.95;
}

/* Card hover effect in archive */
.archive .wp-block-post-template .wp-block-group,
.blog .wp-block-post-template .wp-block-group {
	transition: box-shadow 0.3s ease, transform 0.3s ease;
}

.archive .wp-block-post-template .wp-block-group:hover,
.blog .wp-block-post-template .wp-block-group:hover {
	box-shadow: 0 4px 12px rgba(0,0,0,0.1);
	transform: translateY(-2px);
}

/* Text alignment for content */
.wp-block-post-content p {
	text-align: justify;
}

/* Single post featured image - float right on desktop */
@media (min-width: 768px) {
	.single .wp-block-post-featured-image {
		float: right;
		margin-left: var(--wp--preset--spacing--60) !important;
		margin-bottom: var(--wp--preset--spacing--40);
		margin-top: 0;
		max-width: 35%;
	}
	
	.single .wp-block-post-featured-image img {
		width: 100%;
		height: auto;
	}
	
	/* Remove default margins from post content to align with image */
	.single .wp-block-post-content {
		margin-top: 0;
	}
	
	.single .wp-block-post-content > * {
		margin-top: 0;
	}
	
	.single main > .wp-block-group {
		overflow: hidden;
	}
}

/* Hide separator in single post content */
.single .wp-block-post-content > .wp-block-separator:first-child {
	display: none;
}

/* Remove top margin from carousel block */
.wp-site-blocks > .wp-block-template-part,
.wp-site-blocks > .cb-carousel-block {
	margin-block-start: 0;
}

/* Ensure list styles in footer */
.wp-block-group.has-black-background-color ul {
	list-style: none;
}

/* Footer headings - white color on black background */
.has-black-background-color.has-white-color .wp-block-heading {
	color: var(--wp--preset--color--white);
}

/* Footer links - maintain red color with underline on hover */
.has-black-background-color.has-white-color a {
	color: var(--wp--preset--color--primary-red);
	text-decoration: none;
}

.has-black-background-color.has-white-color a:hover {
	color: var(--wp--preset--color--primary-red);
	text-decoration: underline;
}


/* Navigation spacing improvements */
.wp-block-navigation__responsive-container-content .wp-block-navigation__container {
	gap: var(--wp--preset--spacing--40);
}

/* Navigation font size */
.wp-block-navigation .wp-block-navigation-item a,
.wp-block-navigation .wp-block-navigation-item button {
	font-size: 1rem;
}

/* Top level navigation items in uppercase */
.wp-block-navigation:not(.has-background) > .wp-block-navigation__container > .wp-block-navigation-item > a,
.wp-block-navigation:not(.has-background) > .wp-block-navigation__container > .wp-block-navigation-item > button {
	text-transform: uppercase;
	position: relative;
	padding-bottom: 0.5rem;
}

/* Active/current menu item decoration - white line */
.wp-block-navigation:not(.has-background) > .wp-block-navigation__container > .wp-block-navigation-item.current-menu-item > a::after,
.wp-block-navigation:not(.has-background) > .wp-block-navigation__container > .wp-block-navigation-item.current_page_item > a::after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 35%;
	width: 30%;
	height: 2px;
	background-color: var(--wp--preset--color--white);
}

/* Submenu styles - white background, black text */
.wp-block-navigation .wp-block-navigation__submenu-container {
	background-color: var(--wp--preset--color--white) !important;
	border: 1px solid var(--wp--preset--color--gray-medium);
	padding: 0;
	min-width: 250px;
	border-radius: 0;
	box-shadow: 0 4px 10px rgba(0,0,0,0.1);
}

/* Increase submenu width on desktop */
@media (min-width: 768px) {
	.wp-block-navigation .wp-block-navigation__submenu-container {
		min-width: 320px !important;
	}
}

.wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-item {
	margin: 0;
}

.wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-item a {
	color: var(--wp--preset--color--black);
	text-transform: none;
	padding: 18px 30px;
	display: block;
	width: 100%;
	background-color: transparent;
	transition: all 0.2s ease;
	font-size: 1rem;
}

/* Submenu hover - red background, white text */
.wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-item a:hover,
.wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-item:hover > a,
.wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-item.current-menu-item > a {
	background-color: var(--wp--preset--color--primary-red);
	color: var(--wp--preset--color--white);
	text-decoration: none;
}

/* Submenu indicators (arrows) */
.wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-item svg {
	fill: var(--wp--preset--color--black);
}

/* Ensure submenu icons (arrows) also turn white on hover */
.wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-item a:hover svg,
.wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-item:hover > a svg,
.wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-item a:hover .wp-block-navigation__submenu-icon,
.wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-item:hover > a .wp-block-navigation__submenu-icon {
	fill: var(--wp--preset--color--white);
}

/* Red separator line (brands section title underline) */
.wp-block-separator.has-primary-red-background-color {
	height: 6px !important;
	border-radius: 4px;
}

/* Empresa page - Details/Accordion styling */
.wp-block-details summary {
	cursor: pointer;
	list-style: none;
	position: relative;
	padding-right: 2.5rem;
}

.wp-block-details summary::-webkit-details-marker {
	display: none;
}

.wp-block-details summary::after {
	content: '+';
	position: absolute;
	right: 1rem;
	top: 50%;
	transform: translateY(-50%);
	font-size: 1.5rem;
	font-weight: 300;
	transition: transform 0.2s ease;
}

.wp-block-details[open] summary::after {
	content: '−';
}

/* Empresa page - Quote styling */
.wp-block-group.has-black-background-color strong[style*="color:#E31E24"] {
	display: block;
	margin-bottom: -1.5rem;
}

/* Empresa page - Flip cards for Misión/Visión */
.flip-card {
	perspective: 1000px;
	height: 280px;
}

.flip-card-inner {
	position: relative;
	width: 100%;
	height: 100%;
	transition: transform 0.6s;
	transform-style: preserve-3d;
}

.flip-card:hover .flip-card-inner {
	transform: rotateY(180deg);
}

.flip-card-front,
.flip-card-back {
	position: absolute;
	width: 100%;
	height: 100%;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	overflow: hidden;
	top: 0;
	left: 0;
}

.flip-card-front {
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	display: flex;
	justify-content: flex-start;
	padding: var(--wp--preset--spacing--50);
}

.flip-card-mision {
	background-image: url('/wp-content/themes/letman/assets/images/paginas/mision.png');
}

.flip-card-vision {
	background-image: url('/wp-content/themes/letman/assets/images/paginas/vision.png');
}

.flip-card-front .wp-block-heading {
	text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
}

.flip-card-back {
	transform: rotateY(180deg);
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

.flip-card-back .wp-block-group {
	display: block;
	width: 100%;
	max-width: 100%;
}