/*
 Theme Name:   Woodmart Child
 Description:  Woodmart Child Theme
 Author:       XTemos
 Author URI:   http://xtemos.com
 Template:     woodmart
 Version:      1.0.1
 Text Domain:  woodmart
*/

/* =====================================================================
   LVN · Tapas uniformes (13-sep-2026)
   El catálogo mezcla mockups 3D 1000×1000 (2024), lienzos blancos 1:1 del
   enriquecimiento y subidas a mano. La geometría la fija el CSS, no el
   archivo: caja 1:1, sin recortar ni estirar, mismo aire en todas.
   ===================================================================== */

/* 1) Parrillas, carruseles, pestañas, relacionados, widgets. */
.wd-product .product-element-top .product-image-link img,
.wd-product .product-element-top .hover-img img,
ul.products li.product .product-image-link img,
.wd-products-nav .product-image-link img,
.widget_products .product_list_widget img {
	aspect-ratio: 1 / 1;
	width: 100%;
	height: auto;
	object-fit: contain;
	object-position: center;
	background-color: #fff;
}

/* 2) "Lo más vendido" (1 producto por vista): en tablet/móvil apilado la
      tarjeta ocupa todo el ancho y la tapa crecía a 750 px. Tope = ancho de
      escritorio, centrada; el texto sigue debajo. */
.wd-highlighted-products .wd-product .product-element-top {
	max-width: 420px;
	margin-left: auto;
	margin-right: auto;
}

@media (max-width: 575.98px) {
	.wd-highlighted-products .wd-product .product-element-top {
		max-width: 320px;
	}
}

/* 3) Galería de la ficha: el lienzo ya es 1:1 (≤1000 px). Si llega una tapa
      vertical subida a mano, que no deforme la columna. */
.woocommerce-product-gallery__image img {
	object-fit: contain;
	background-color: #fff;
}

/* 4) Miniaturas de la galería (.wd-gallery-thumb, no la imagen principal) y del carrito: misma regla 1:1. */
.woocommerce-product-gallery .wd-gallery-thumb .wd-carousel-item img,
.woocommerce-cart-form .product-thumbnail img,
.widget_shopping_cart .product-image img,
.wd-product .product-image-thumbnail img {
	aspect-ratio: 1 / 1;
	object-fit: contain;
	background-color: #fff;
}

/* =====================================================================
   LVN · Estándar de imagen flat-v1 (15-sep-2026) — tarjeta "C2"
   Solo productos con la clase .lvn-cover-flat (meta lvn_cover_std=flat-v1,
   la pone scripts/catalog/migrate_covers.py). La imagen guardada es la tapa
   plana limpia; la tarjeta de color la dibuja este CSS: caja 1:1 con color de
   marca, tapa centrada a su tamaño natural (nunca ampliada), sombra suave.
   Parrilla/carruseles: tapa ≤ 72 % del alto. Ficha: ≤ 80 %.
   ===================================================================== */
:root {
	--lvn-card-bg: #ecf4f1;
	--lvn-card-radius: 14px;
	--lvn-card-shadow: drop-shadow(0 6px 10px rgba(0, 0, 0, 0.16)) drop-shadow(0 1px 2px rgba(0, 0, 0, 0.12));
}

/* Parrilla, carruseles, pestañas de la home, relacionados. */
.lvn-cover-flat .product-element-top .product-image-link {
	position: relative;
	display: block;
	width: 100%;
	aspect-ratio: 1 / 1;
	background-color: var(--lvn-card-bg);
	border-radius: var(--lvn-card-radius);
	overflow: hidden;
}

/* Woodmart cambia a la 2.ª imagen al pasar el ratón; en flat-v1 la 2.ª es el mockup con atril: sin intercambio. */
.lvn-cover-flat .product-element-top .hover-img {
	display: none;
}

/* "Lo más vendido" (wd-highlighted-products): el bloque de imagen es un flex item que se
   dimensiona por contenido; con la tapa en absoluto se quedaba a 0. Ancho fijo del bloque. */
.wd-highlighted-products .lvn-cover-flat .product-element-top {
	flex: 0 0 auto;
	width: min(100%, 420px);
}

@media (max-width: 575.98px) {
	.wd-highlighted-products .lvn-cover-flat .product-element-top {
		width: min(100%, 320px);
	}
}

.lvn-cover-flat .product-element-top .product-image-link img,
.lvn-cover-flat .product-element-top .product-image-link picture {
	position: absolute;
	inset: 0;
	margin: auto;
	width: auto;
	height: auto;
	max-width: 80%;
	max-height: 72%;
	aspect-ratio: auto;
	object-fit: contain;
	background-color: transparent;
	filter: var(--lvn-card-shadow);
}

/* Ficha: galería principal (imagen 1 = tapa plana; imagen 2 = mockup, que mantiene el lienzo). */
body.lvn-cover-flat .woocommerce-product-gallery__image {
	position: relative;
	aspect-ratio: 1 / 1;
	background-color: var(--lvn-card-bg);
	border-radius: var(--lvn-card-radius);
	overflow: hidden;
}

body.lvn-cover-flat .woocommerce-product-gallery__image > a {
	position: absolute;
	inset: 0;
	display: block;
}

body.lvn-cover-flat .woocommerce-product-gallery__image > a > img {
	position: absolute;
	inset: 0;
	margin: auto;
	width: auto;
	height: auto;
	max-width: 85%;
	max-height: 80%;
	padding: 0;
	aspect-ratio: auto;
	object-fit: contain;
	background-color: transparent;
	filter: var(--lvn-card-shadow);
}

/* El mockup (2.ª imagen) dentro de la ficha: sin sombra, a sangre, como siempre. */
body.lvn-cover-flat .woocommerce-product-gallery__image img[src*="/2024/02/"] {
	max-width: 100%;
	max-height: 100%;
	filter: none;
}

/* Miniaturas de la galería de la ficha (solo .wd-gallery-thumb): fondo de tarjeta, para que no queden blancas. */
body.lvn-cover-flat .woocommerce-product-gallery .wd-gallery-thumb .wd-carousel-item img {
	background-color: var(--lvn-card-bg);
	border-radius: 8px;
	padding: 8%;
}