/*
 * WooCommerce en el tema base (20/10/2026, primer caso: DDTAE Beauty).
 * Se carga solo si la tienda está activa, después del estilo y de woocommerce-general. Usa las
 * variables del estilo (--vt-primario, --vt-linea, --vt-claro, --vt-radio, --vt-sombra y las letras
 * del theme.json), así que funciona con cualquier estilo sin tocarlo. Plantillas: templates/
 * archive-product, single-product y product-search-results (bloque legacy-template de WooCommerce);
 * carrito, checkout y mi cuenta son páginas con sus shortcodes.
 */
.vt-woo, body:is(.woocommerce-cart, .woocommerce-checkout, .woocommerce-account) main {
	--vt-woo-ancho: 1240px;
	--vt-woo-margen: var(--wp--style--root--padding-left, 1.25rem);
}
.vt-woo { padding: clamp(1.5rem, 4vw, 3rem) var(--vt-woo-margen) clamp(3rem, 7vw, 5.5rem); }
.vt-woo > *, .vt-woo .woocommerce-notices-wrapper { max-width: var(--vt-woo-ancho); margin-inline: auto; }
body:is(.woocommerce-cart, .woocommerce-checkout, .woocommerce-account) .wp-block-post-content > .woocommerce,
body:is(.woocommerce-cart, .woocommerce-checkout, .woocommerce-account) .wp-block-post-content > .wp-block-shortcode,
body:is(.woocommerce-cart, .woocommerce-checkout, .woocommerce-account) .wp-block-post-content > .vt-woo-titulo {
	max-width: var(--vt-woo-ancho) !important; margin-inline: auto !important; padding-inline: var(--vt-woo-margen);
}
body:is(.woocommerce-cart, .woocommerce-checkout, .woocommerce-account) main { padding-bottom: clamp(3rem, 7vw, 5.5rem); }

/* ---------- Títulos, migas y barra del catálogo ---------- */
.vt-woo .woocommerce-breadcrumb.vt-migas { margin: 0 auto 1.25rem; font-size: .85rem; color: var(--wp--preset--color--suave, inherit); }
.vt-woo .woocommerce-breadcrumb a { color: inherit; }
.vt-woo-migas__sep { margin-inline: .5rem; opacity: .5; }
.vt-woo .woocommerce-products-header { margin-bottom: 1.5rem; }
.vt-woo .woocommerce-products-header__title, .vt-woo-titulo {
	font-family: var(--wp--preset--font-family--titulos); font-size: clamp(2rem, 4.2vw, 3.2rem); line-height: 1.05; margin: 0 0 .5rem;
}
.vt-woo-titulo { padding-top: clamp(2rem, 5vw, 3.5rem); margin-bottom: 1.5rem !important; }
.vt-woo .term-description { max-width: 70ch; color: var(--wp--preset--color--suave, inherit); }
.vt-woo .woocommerce-result-count { margin: 0 0 1.5rem; font-size: .9rem; color: var(--wp--preset--color--suave, inherit); }
.vt-woo .woocommerce-ordering { margin: 0 0 1.5rem; }
.vt-woo .woocommerce-ordering select, .woocommerce .quantity .qty, .woocommerce form .form-row :is(input.input-text, textarea, select),
.woocommerce .select2-container .select2-selection, .woocommerce-cart table.cart td.actions .coupon .input-text {
	border: 1px solid var(--vt-linea); border-radius: min(var(--vt-radio, 8px), 12px); background: #fff; color: var(--wp--preset--color--tinta, #111);
	padding: .7rem .9rem; font: inherit; min-height: 2.9rem;
}
.woocommerce .select2-container .select2-selection--single { height: 2.9rem; display: flex; align-items: center; }

/* ---------- Grilla de productos (catálogo, relacionados y shortcodes [products]) ---------- */
.woocommerce ul.products { display: grid !important; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: clamp(1rem, 2.4vw, 1.75rem); margin: 0 0 2.5rem !important; padding: 0; }
.woocommerce ul.products.columns-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.woocommerce ul.products.columns-5 { grid-template-columns: repeat(5, minmax(0, 1fr)); }
.woocommerce ul.products::before, .woocommerce ul.products::after { content: none !important; }
.woocommerce ul.products li.product {
	width: auto !important; margin: 0 !important; float: none !important; position: relative; display: flex; flex-direction: column;
	background: #fff; border: 1px solid var(--vt-linea); border-radius: var(--vt-radio, 12px); overflow: hidden; box-shadow: var(--vt-sombra, none);
	transition: transform .2s, box-shadow .2s;
}
.woocommerce ul.products li.product:hover { transform: translateY(-3px); }
.woocommerce ul.products li.product a.woocommerce-LoopProduct-link { display: flex; flex-direction: column; flex: 1; color: inherit; text-decoration: none; }
.woocommerce ul.products li.product a img {
	width: 100%; aspect-ratio: 4 / 5; object-fit: cover; margin: 0 0 .9rem !important; background: var(--vt-claro, #f6f6f6);
}
.woocommerce ul.products li.product .woocommerce-loop-product__title {
	font-family: var(--wp--preset--font-family--titulos); font-size: 1rem !important; line-height: 1.25; padding: 0 1rem !important; margin: 0 0 .45rem;
	display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;
}
.woocommerce ul.products li.product .price { display: block; padding: 0 1rem; margin: 0 0 1rem !important; color: var(--wp--preset--color--tinta, #111) !important; font-weight: 700; font-size: 1.05rem !important; }
.woocommerce ul.products li.product .price del { opacity: .55; font-weight: 400; margin-right: .35rem; }
.woocommerce ul.products li.product .price ins { text-decoration: none; }
.woocommerce ul.products li.product .button, .woocommerce ul.products li.product .added_to_cart {
	margin: auto 1rem 1rem !important; text-align: center; display: block; border-radius: 999px; padding: .75rem 1rem !important; font-size: .9rem;
}
.woocommerce ul.products li.product .added_to_cart { margin-top: -.5rem !important; background: transparent !important; color: inherit !important; text-decoration: underline; padding: .3rem !important; }
.woocommerce span.onsale {
	min-height: 0; min-width: 0; line-height: 1; padding: .45rem .7rem; border-radius: 999px; top: .75rem !important; left: .75rem !important; right: auto !important; margin: 0 !important;
	background: var(--vt-primario); color: #fff; font-size: .75rem; font-weight: 700; letter-spacing: .04em; text-transform: uppercase;
}
body.vt-marca-clara .woocommerce span.onsale { background: var(--vt-marca); color: var(--vt-marca-texto); }

/* ---------- Botones de WooCommerce con el estilo del tema ---------- */
.woocommerce :is(a.button, button.button, input.button, #respond input#submit), .woocommerce :is(a.button.alt, button.button.alt) {
	background: var(--vt-primario); color: #fff; border-radius: 999px; font-family: var(--wp--preset--font-family--texto); font-weight: 600;
	padding: .9rem 1.5rem; border: 0; line-height: 1.2; transition: filter .15s, transform .15s;
}
.woocommerce :is(a.button, button.button, input.button):hover, .woocommerce :is(a.button.alt, button.button.alt):hover { background: var(--vt-primario-oscuro, var(--vt-primario)); color: #fff; }
body.vt-marca-clara .woocommerce :is(a.button, button.button, input.button, a.button.alt, button.button.alt) { background: var(--vt-marca); color: var(--vt-marca-texto); }
body.vt-marca-clara .woocommerce :is(a.button, button.button, input.button, a.button.alt, button.button.alt):hover { background: var(--vt-marca-hover, var(--vt-marca)); color: var(--vt-marca-texto); }
.woocommerce :is(button.button, a.button):disabled, .woocommerce :is(button.button, a.button).disabled { opacity: .5; }

/* ---------- Paginación ---------- */
.woocommerce nav.woocommerce-pagination ul { border: 0; display: flex; justify-content: center; gap: .4rem; }
.woocommerce nav.woocommerce-pagination ul li { border: 0; }
.woocommerce nav.woocommerce-pagination ul li :is(a, span) {
	min-width: 2.6rem; height: 2.6rem; display: grid; place-items: center; border: 1px solid var(--vt-linea); border-radius: 999px; padding: 0 .6rem;
}
.woocommerce nav.woocommerce-pagination ul li span.current { background: var(--vt-primario); border-color: var(--vt-primario); color: #fff; }
body.vt-marca-clara .woocommerce nav.woocommerce-pagination ul li span.current { background: var(--vt-marca); border-color: var(--vt-marca); color: var(--vt-marca-texto); }

/* ---------- Ficha de producto ---------- */
.vt-woo--single-product div.product { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: clamp(1.5rem, 4vw, 3.5rem); align-items: start; }
.vt-woo--single-product div.product > :is(.woocommerce-product-gallery, .summary) { width: auto !important; float: none !important; margin: 0 !important; }
.vt-woo--single-product div.product > :not(.woocommerce-product-gallery):not(.summary):not(.onsale) { grid-column: 1 / -1; }
.vt-woo--single-product .woocommerce-product-gallery { border-radius: var(--vt-radio, 12px); overflow: hidden; background: var(--vt-claro, #f6f6f6); position: relative; }
.vt-woo--single-product .woocommerce-product-gallery .flex-control-thumbs { display: flex; gap: .5rem; padding: .5rem !important; }
.vt-woo--single-product .woocommerce-product-gallery .flex-control-thumbs li { width: 72px !important; }
.vt-woo--single-product .woocommerce-product-gallery .flex-control-thumbs img { border-radius: 8px; opacity: .6; }
.vt-woo--single-product .woocommerce-product-gallery .flex-control-thumbs img.flex-active { opacity: 1; }
.vt-woo--single-product .summary .product_title { font-family: var(--wp--preset--font-family--titulos); font-size: clamp(1.9rem, 3.6vw, 2.8rem); line-height: 1.08; margin: 0 0 .75rem; }
.vt-woo--single-product .summary .price { font-size: 1.7rem !important; font-weight: 700; color: var(--vt-primario) !important; margin: 0 0 1.25rem; }
body.vt-marca-clara .vt-woo--single-product .summary .price { color: var(--wp--preset--color--tinta, #111) !important; }
.vt-woo--single-product .summary .woocommerce-product-details__short-description { color: var(--wp--preset--color--suave, inherit); margin-bottom: 1.5rem; }
.vt-woo--single-product form.cart { display: flex; flex-wrap: wrap; gap: .75rem; align-items: center; margin: 0 0 1.5rem !important; }
.vt-woo--single-product form.cart .quantity { margin: 0 !important; }
.vt-woo--single-product form.cart .quantity .qty { width: 5rem; height: 3.4rem; text-align: center; }
.vt-woo--single-product form.cart .single_add_to_cart_button { flex: 1; min-width: 12rem; font-size: 1rem; padding-block: 1rem; }
.vt-woo--single-product .product_meta { font-size: .85rem; color: var(--wp--preset--color--suave, inherit); border-top: 1px solid var(--vt-linea); padding-top: 1rem; display: grid; gap: .3rem; }
.vt-woo--single-product .woocommerce-tabs { margin-top: clamp(1rem, 3vw, 2rem); }
.woocommerce div.product .woocommerce-tabs ul.tabs { padding: 0; margin: 0 0 1.5rem; display: flex; gap: .5rem; flex-wrap: wrap; border-bottom: 1px solid var(--vt-linea); }
.woocommerce div.product .woocommerce-tabs ul.tabs::before, .woocommerce div.product .woocommerce-tabs ul.tabs li::before, .woocommerce div.product .woocommerce-tabs ul.tabs li::after { display: none; }
.woocommerce div.product .woocommerce-tabs ul.tabs li { background: none; border: 0; border-radius: 0; margin: 0; padding: 0; }
.woocommerce div.product .woocommerce-tabs ul.tabs li a { padding: .8rem 1.1rem; font-weight: 600; color: var(--wp--preset--color--suave, inherit); border-bottom: 2px solid transparent; }
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a { color: var(--wp--preset--color--tinta, #111); border-bottom-color: var(--vt-primario); }
body.vt-marca-clara .woocommerce div.product .woocommerce-tabs ul.tabs li.active a { border-bottom-color: var(--vt-marca); }
.woocommerce div.product .woocommerce-tabs .panel { max-width: 75ch; }
.woocommerce div.product .woocommerce-tabs .panel > h2:first-child { display: none; }
.vt-woo--single-product :is(.related, .upsells) > h2 { font-family: var(--wp--preset--font-family--titulos); font-size: clamp(1.5rem, 3vw, 2.1rem); margin: clamp(2rem, 5vw, 3.5rem) 0 1.5rem; }
.woocommerce div.product .stock { font-weight: 600; }

/* ---------- Avisos ---------- */
.woocommerce :is(.woocommerce-message, .woocommerce-info, .woocommerce-error) {
	border: 1px solid var(--vt-linea); border-left: 4px solid var(--vt-primario); border-radius: min(var(--vt-radio, 8px), 12px);
	background: var(--vt-claro, #f7f7f7); color: var(--wp--preset--color--tinta, #111); padding: 1rem 1.25rem 1rem 3rem; margin: 0 0 1.5rem;
}
.woocommerce :is(.woocommerce-message, .woocommerce-info)::before { color: var(--vt-primario); }
.woocommerce .woocommerce-error { border-left-color: #b3261e; }
.woocommerce :is(.woocommerce-message, .woocommerce-info) .button { float: right; padding: .5rem 1rem; font-size: .85rem; }

/* ---------- Carrito y checkout ---------- */
.woocommerce table.shop_table { border: 1px solid var(--vt-linea); border-radius: var(--vt-radio, 12px); border-collapse: separate; overflow: hidden; background: #fff; }
.woocommerce table.shop_table :is(th, td) { border-color: var(--vt-linea); padding: 1rem; }
.woocommerce table.shop_table th { font-weight: 600; }
.woocommerce table.cart img { width: 72px; border-radius: 8px; }
.woocommerce table.cart td.actions .coupon .input-text { width: 12rem; margin-right: .5rem; }
.woocommerce .cart-collaterals .cart_totals h2, .woocommerce-checkout h3, .woocommerce-checkout #order_review_heading {
	font-family: var(--wp--preset--font-family--titulos); font-size: 1.4rem; margin: 0 0 1rem;
}
.woocommerce .wc-proceed-to-checkout a.checkout-button { font-size: 1.05rem; padding: 1.1rem; }
.woocommerce form .form-row label { font-weight: 600; font-size: .9rem; margin-bottom: .3rem; }
.woocommerce-checkout #payment { background: var(--vt-claro, #f7f7f7); border-radius: var(--vt-radio, 12px); }
.woocommerce-checkout #payment div.payment_box { background: #fff; }
.woocommerce-checkout #payment div.payment_box::before { border-bottom-color: #fff; }
.woocommerce-checkout #payment #place_order { width: 100%; font-size: 1.05rem; padding: 1.1rem; }

/* ---------- Mi cuenta ---------- */
.woocommerce-account .woocommerce-MyAccount-navigation ul { list-style: none; padding: 0; margin: 0; border: 1px solid var(--vt-linea); border-radius: var(--vt-radio, 12px); overflow: hidden; }
.woocommerce-account .woocommerce-MyAccount-navigation li a { display: block; padding: .8rem 1.1rem; border-bottom: 1px solid var(--vt-linea); color: inherit; text-decoration: none; }
.woocommerce-account .woocommerce-MyAccount-navigation li:last-child a { border-bottom: 0; }
.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a { background: var(--vt-claro, #f7f7f7); font-weight: 600; }
.woocommerce form:is(.login, .register) { border: 1px solid var(--vt-linea) !important; border-radius: var(--vt-radio, 12px) !important; padding: 1.5rem !important; }

/* ---------- Carrito de la cabecera ---------- */
.vt-carrito { position: relative; display: inline-grid; place-items: center; width: 2.75rem; height: 2.75rem; border-radius: 999px; color: var(--vt-cabecera-texto, var(--wp--preset--color--tinta, #111)); flex-shrink: 0; }
.vt-carrito:hover { background: color-mix(in srgb, currentColor 10%, transparent); }
.vt-carrito__n {
	position: absolute; top: .15rem; right: .05rem; min-width: 1.2rem; height: 1.2rem; padding: 0 .3rem; border-radius: 999px; display: grid; place-items: center;
	background: var(--vt-primario); color: #fff; font-size: .7rem; font-weight: 700; line-height: 1;
}
body.vt-marca-clara .vt-carrito__n { background: var(--vt-marca); color: var(--vt-marca-texto); }
.vt-carrito__n[hidden] { display: none; }

/* ---------- Botones de marcas (vt_marcas_botones) ---------- */
.vt-woo-marcas { display: flex; flex-wrap: wrap; gap: .5rem; margin: 0 0 1.75rem; clear: both; }
.vt-woo-marcas .vt-chip { margin: 0 !important; padding: 0 !important; background: transparent !important; border: 1.5px solid var(--vt-linea) !important; border-radius: 999px !important; box-shadow: none !important; }
.vt-woo-marcas .vt-chip a { display: block; padding: .5rem 1rem; color: inherit; text-decoration: none; font-weight: 600; font-size: .9rem; }
.vt-woo-marcas .vt-chip:hover { border-color: var(--vt-primario) !important; }
.vt-woo-marcas .vt-chip.is-activo { background: var(--vt-primario) !important; border-color: var(--vt-primario) !important; color: #fff !important; }
body.vt-marca-clara .vt-woo-marcas .vt-chip.is-activo { background: var(--vt-marca) !important; border-color: var(--vt-marca) !important; color: var(--vt-marca-texto) !important; }
.vt-woo-marcas--todas { justify-content: center; gap: .75rem; }
.vt-woo-marcas--todas .vt-chip a { padding: .8rem 1.4rem; font-size: 1rem; }
.vt-chip__n { opacity: .55; font-weight: 400; margin-left: .25rem; }

/* ---------- Celular ---------- */
@media (max-width: 1000px) {
	.woocommerce ul.products, .woocommerce ul.products.columns-5 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 781px) {
	.woocommerce ul.products, .woocommerce ul.products.columns-3, .woocommerce ul.products.columns-5 { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .75rem; }
	.woocommerce ul.products li.product .woocommerce-loop-product__title { font-size: .92rem !important; padding: 0 .7rem !important; }
	.woocommerce ul.products li.product .price { padding: 0 .7rem; font-size: .98rem !important; }
	.woocommerce ul.products li.product .button { margin: auto .6rem .7rem !important; padding: .65rem .5rem !important; font-size: .82rem; }
	.vt-woo--single-product div.product { grid-template-columns: 1fr; }
	.vt-woo .woocommerce-ordering, .vt-woo .woocommerce-result-count { float: none; }
	.woocommerce table.shop_table_responsive tr td::before { font-weight: 600; }
}