/*
Theme Name: Liliana Margarita
Theme URI: https://lilianamargarita.ecaptor.com
Description: Child theme de Twenty Twenty-Five para Liliana Margarita — tienda de calzado y complementos de lujo en Monforte de Lemos.
Author: Liliana Margarita
Template: twentytwentyfive
Version: 1.0.0
Text Domain: liliana-margarita
*/

/* ============================================
   HEADER
============================================ */

/* Sticky applies to the template-part wrapper — the inner .lm-header is only
   as tall as the header itself so sticky on it alone has no containing-block
   room to work. Targeting the outer <header.wp-block-template-part> fixes it. */
header.wp-block-template-part {
	position: sticky;
	top: 0;
	z-index: 200;
}

.lm-header {
	transition: background-color 0.4s ease, border-color 0.4s ease, box-shadow 0.4s ease;
}

.lm-header.is-scrolled {
	box-shadow: 0 4px 24px rgba(42, 61, 48, 0.08);
}

/* ── Contenedor interior — grid 3 columnas para centrado perfecto del nav ── */
.lm-header-inner {
	height: 76px;
	display: grid !important;
	grid-template-columns: 1fr auto 1fr !important;
	align-items: center !important;
	gap: 0 !important;
}
.lm-header-inner .lm-logo {
	justify-self: start;
}
.lm-header-inner .lm-header-icons {
	justify-self: end;
}

/* ── Logo ── */
.lm-logo img {
	filter: brightness(0);
	transition: filter 0.4s ease, opacity 0.2s ease;
	max-height: 64px;
	width: auto;
	object-fit: contain;
}
.lm-logo img:hover {
	opacity: 0.55;
}

/* ── Nav: columna central del grid, contenido centrado ── */
nav.lm-main-nav.wp-block-navigation {
	display: flex !important;
	justify-content: center !important;
	align-items: center !important;
}
.lm-main-nav .wp-block-navigation__container {
	gap: 0 !important;
}

/* ── Nav links: selector correcto es __content, no > a ── */
.lm-main-nav .wp-block-navigation-item__content {
	font-family: "Jost", Arial, sans-serif !important;
	font-size: 0.68rem !important;
	font-weight: 400 !important;
	letter-spacing: 0.18em !important;
	text-transform: uppercase !important;
	color: #3A3A3A !important;
	text-decoration: none !important;
	padding: 0 1.2rem !important;
	height: 76px;
	display: flex !important;
	align-items: center !important;
	position: relative;
	transition: color 0.2s ease;
}
.lm-main-nav .wp-block-navigation-item__content::after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 1.2rem;
	right: 1.2rem;
	height: 2px;
	background-color: #3D5A45;
	transform: scaleX(0);
	transform-origin: center;
	transition: transform 0.25s ease;
}
.lm-main-nav .wp-block-navigation-item__content:hover {
	color: #2A3D30 !important;
}
.lm-main-nav .wp-block-navigation-item__content:hover::after,
.current-menu-item .wp-block-navigation-item__content::after {
	transform: scaleX(1);
}

/* ── Dropdown ── */
.lm-main-nav .wp-block-navigation__submenu-container {
	background-color: #F5EDD6 !important;
	border: none !important;
	border-top: 2px solid #3D5A45 !important;
	border-radius: 0 !important;
	box-shadow: 0 16px 48px rgba(42, 61, 48, 0.13) !important;
	padding: 0.6rem 0 !important;
	min-width: 190px !important;
}
.lm-main-nav .wp-block-navigation__submenu-container .wp-block-navigation-item__content {
	font-size: 0.7rem !important;
	padding: 0.75rem 1.75rem !important;
	height: auto !important;
	color: #3A3A3A !important;
}
.lm-main-nav .wp-block-navigation__submenu-container .wp-block-navigation-item__content::after {
	display: none !important;
}
.lm-main-nav .wp-block-navigation__submenu-container .wp-block-navigation-item__content:hover {
	background-color: rgba(61, 90, 69, 0.07) !important;
	color: #2A3D30 !important;
}

/* ── Iconos WooCommerce: __link (correcto), no __account-link ── */
.lm-header-icons {
	min-width: 90px;
}
.lm-header-icons .wc-block-customer-account__link,
.lm-header-icons .wc-block-mini-cart__button {
	color: #3A3A3A !important;
	transition: color 0.2s ease;
}
.lm-header-icons .wc-block-customer-account__link:hover,
.lm-header-icons .wc-block-mini-cart__button:hover {
	color: #3D5A45 !important;
}
.lm-header-icons .wc-block-mini-cart__badge {
	background-color: #8B2635 !important;
}

/* ── HOMEPAGE: transparente sobre el hero ── */

/* Pull main content up so the hero fills from y=0 and sits behind the
   transparent sticky header. The sticky template-part still occupies 76px
   in the normal flow, so we compensate with a negative margin.
   !important is needed to override the inline style="margin-top:0" from the template. */
.home .wp-site-blocks > main {
	margin-top: -76px !important;
}

.home .lm-header {
	background-color: transparent !important;
	border-bottom-color: transparent !important;
}
.home .lm-header .lm-logo img {
	filter: brightness(0) invert(1); /* logo blanco sobre hero */
}
.home .lm-header .lm-main-nav .wp-block-navigation-item__content {
	color: rgba(255, 255, 255, 0.88) !important;
	transition: color 0.4s ease;
}
.home .lm-header .lm-main-nav .wp-block-navigation-item__content::after {
	background-color: rgba(255, 255, 255, 0.7);
}
.home .lm-header .lm-header-icons .wc-block-customer-account__link,
.home .lm-header .lm-header-icons .wc-block-mini-cart__button {
	color: rgba(255, 255, 255, 0.88) !important;
	transition: color 0.4s ease;
}

/* ── HOMEPAGE scrolled: sólido beige con blur ── */
.home .lm-header.is-scrolled {
	background-color: rgba(245, 237, 214, 0.97) !important;
	border-bottom-color: rgba(61, 90, 69, 0.14) !important;
	backdrop-filter: blur(14px);
	-webkit-backdrop-filter: blur(14px);
}
.home .lm-header.is-scrolled .lm-logo img {
	filter: brightness(0);
}
.home .lm-header.is-scrolled .lm-main-nav .wp-block-navigation-item__content {
	color: #3A3A3A !important;
}
.home .lm-header.is-scrolled .lm-main-nav .wp-block-navigation-item__content::after {
	background-color: #3D5A45;
}
.home .lm-header.is-scrolled .lm-header-icons .wc-block-customer-account__link,
.home .lm-header.is-scrolled .lm-header-icons .wc-block-mini-cart__button {
	color: #3A3A3A !important;
}

/* ============================================
   HOME — CARDS DE CATEGORÍAS
============================================ */

.lm-categories-grid .wp-block-cover {
	overflow: hidden;
	cursor: pointer;
}

/* Zoom de la imagen al hover */
.lm-categories-grid .wp-block-cover .wp-block-cover__image-background {
	transition: transform 0.7s ease !important;
}
.lm-categories-grid .wp-block-cover:hover .wp-block-cover__image-background {
	transform: scale(1.07) !important;
}

/* Overlay más oscuro al hover */
.lm-categories-grid .wp-block-cover .wp-block-cover__background {
	transition: opacity 0.4s ease !important;
}
.lm-categories-grid .wp-block-cover:hover .wp-block-cover__background {
	opacity: 0.55 !important;
}

/* Subida del texto al hover */
.lm-categories-grid .wp-block-cover .wp-block-cover__inner-container {
	transition: transform 0.4s ease;
}
.lm-categories-grid .wp-block-cover:hover .wp-block-cover__inner-container {
	transform: translateY(-8px);
}

/* ============================================
   FOOTER
============================================ */

.lm-footer a.lm-footer-link:hover {
	color: #F5EDD6 !important;
	text-decoration: none;
}

.lm-footer .wp-block-site-title a {
	color: #F5EDD6 !important;
	text-decoration: none !important;
	font-family: "Cormorant Garamond", Georgia, serif !important;
}

/* ============================================
   WOOCOMMERCE — TARJETAS DE PRODUCTO
============================================ */

.lm-product-card {
	background-color: #FFFFFF;
	transition: transform 0.25s ease, box-shadow 0.25s ease;
	border-bottom: none !important;
	padding-bottom: 0 !important;
}

.lm-product-card:hover {
	transform: translateY(-4px);
	box-shadow: 0 12px 40px rgba(42, 61, 48, 0.1);
}

/* Product image — overflow hidden for zoom effect */
.lm-product-card .wp-block-woocommerce-product-image {
	overflow: hidden;
}

.lm-product-card .wp-block-woocommerce-product-image img {
	transition: transform 0.5s ease;
}

.lm-product-card:hover .wp-block-woocommerce-product-image img {
	transform: scale(1.04);
}

/* Product name */
.lm-product-card .wp-block-woocommerce-product-name a {
	color: #1A1A1A !important;
	text-decoration: none !important;
	font-family: "Cormorant Garamond", Georgia, serif !important;
	font-weight: 300 !important;
	font-size: 1.1rem !important;
	letter-spacing: 0.02em !important;
	transition: color 0.2s ease;
}

.lm-product-card .wp-block-woocommerce-product-name a:hover {
	color: #3D5A45 !important;
}

/* Price */
.lm-product-card .wp-block-woocommerce-product-price .price {
	color: #3D5A45 !important;
	font-family: "Jost", Arial, sans-serif !important;
	font-size: 0.9rem !important;
	font-weight: 400 !important;
	letter-spacing: 0.04em;
}

.lm-product-card .wp-block-woocommerce-product-price del {
	color: #AAAAAA !important;
	font-size: 0.8rem !important;
}

.lm-product-card .wp-block-woocommerce-product-price ins {
	color: #8B2635 !important;
	text-decoration: none !important;
}

/* Add to cart button */
.lm-add-to-cart .wp-block-button__link,
.lm-product-card .wp-block-woocommerce-product-button .wp-block-button__link {
	background-color: #3D5A45 !important;
	color: #FFFFFF !important;
	border-radius: 0 !important;
	font-family: "Jost", Arial, sans-serif !important;
	font-size: 0.72rem !important;
	font-weight: 400 !important;
	letter-spacing: 0.14em !important;
	text-transform: uppercase !important;
	padding: 0.75rem 1.5rem !important;
	transition: background-color 0.2s ease !important;
	width: 100%;
	text-align: center;
	display: block;
}

.lm-add-to-cart .wp-block-button__link:hover,
.lm-product-card .wp-block-woocommerce-product-button .wp-block-button__link:hover {
	background-color: #2A3D30 !important;
}

/* Sale badge */
.wc-block-components-product-sale-badge {
	background-color: #8B2635 !important;
	border-radius: 0 !important;
	font-family: "Jost", Arial, sans-serif !important;
	font-size: 0.65rem !important;
	letter-spacing: 0.1em !important;
	text-transform: uppercase !important;
}

/* Product grid spacing */
.wp-block-woocommerce-product-collection.alignwide {
	gap: 2rem !important;
}

/* ============================================
   WOOCOMMERCE — PÁGINA SINGLE PRODUCTO
============================================ */

.woocommerce div.product .woocommerce-product-gallery {
	border-radius: 0 !important;
}

.woocommerce div.product p.price,
.woocommerce div.product span.price {
	color: #3D5A45 !important;
	font-family: "Jost", Arial, sans-serif !important;
	font-size: 1.3rem !important;
	font-weight: 400 !important;
}

.woocommerce div.product .product_title {
	font-family: "Cormorant Garamond", Georgia, serif !important;
	font-weight: 300 !important;
	letter-spacing: 0.03em !important;
	font-size: clamp(2rem, 3.5vw, 2.8rem) !important;
	color: #1A1A1A !important;
}

.woocommerce div.product .woocommerce-product-details__short-description {
	font-family: "Jost", Arial, sans-serif !important;
	font-weight: 300 !important;
	font-size: 0.92rem !important;
	line-height: 1.75 !important;
	color: #5A5A5A !important;
}

/* Add to cart — single product */
.woocommerce div.product .cart .single_add_to_cart_button,
.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button {
	background-color: #3D5A45 !important;
	color: #FFFFFF !important;
	border-radius: 0 !important;
	font-family: "Jost", Arial, sans-serif !important;
	font-size: 0.75rem !important;
	font-weight: 400 !important;
	letter-spacing: 0.14em !important;
	text-transform: uppercase !important;
	padding: 1rem 2.5rem !important;
	transition: background-color 0.2s ease !important;
	border: none !important;
}

.woocommerce div.product .cart .single_add_to_cart_button:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover {
	background-color: #2A3D30 !important;
}

/* Variation swatches / selects */
.woocommerce div.product .variations select {
	border: 1px solid rgba(61, 90, 69, 0.3) !important;
	border-radius: 0 !important;
	font-family: "Jost", Arial, sans-serif !important;
	font-size: 0.85rem !important;
	padding: 0.6rem 1rem !important;
	color: #1A1A1A !important;
}

/* ============================================
   WOOCOMMERCE — CARRITO Y CHECKOUT
============================================ */

.woocommerce-cart table.cart td,
.woocommerce-cart table.cart th {
	border-color: rgba(61, 90, 69, 0.1) !important;
	font-family: "Jost", Arial, sans-serif !important;
	font-weight: 300 !important;
}

.woocommerce-cart .cart-collaterals .cart_totals h2,
.woocommerce-checkout h3 {
	font-family: "Cormorant Garamond", Georgia, serif !important;
	font-weight: 300 !important;
	letter-spacing: 0.04em !important;
	color: #1A1A1A !important;
}

/* ============================================
   PAGINACIÓN
============================================ */

.wp-block-query-pagination .wp-block-query-pagination-numbers .page-numbers {
	font-family: "Jost", Arial, sans-serif !important;
	font-size: 0.8rem !important;
	letter-spacing: 0.08em !important;
	color: #3A3A3A !important;
	text-decoration: none !important;
	padding: 0.5rem 0.85rem;
	transition: color 0.2s ease, background-color 0.2s ease;
}

.wp-block-query-pagination .wp-block-query-pagination-numbers .page-numbers.current,
.wp-block-query-pagination .wp-block-query-pagination-numbers .page-numbers:hover {
	background-color: #3D5A45 !important;
	color: #FFFFFF !important;
}

/* ============================================
   UTILIDADES GLOBALES
============================================ */

/* Smooth scroll */
html {
	scroll-behavior: smooth;
}

/* Selection color */
::selection {
	background-color: rgba(61, 90, 69, 0.2);
	color: #1A1A1A;
}

/* Focus outline brand */
:focus-visible {
	outline: 2px solid #3D5A45;
	outline-offset: 3px;
}