/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */

/* Pestañas COMPRAR / GUÍA DE TALLAS / PRECIOS PERSONALIZACIÓN en una sola línea (Elementor Tabs en producto) */
.single-product .elementor-tabs-wrapper {
	display: flex;
	flex-wrap: nowrap;
	white-space: nowrap;
}

.single-product .elementor-tabs-wrapper .elementor-tab-title {
	flex-shrink: 0;
	white-space: nowrap;
}

/* =====================================================
   RC COLOR FIRST: Ocultar elementos del formulario WC
   ===================================================== */

/* Ocultar TALLA, cantidad, botón, descripción de variación */
/* NO ocultar .single_variation_wrap - WooCommerce lo necesita para cambiar imágenes */
body.single-product:has(#rc-color-first-bulk) .variations_form .single_variation_wrap .single_variation,
body.single-product:has(#rc-color-first-bulk) .variations_form .woocommerce-variation-add-to-cart,
body.single-product:has(#rc-color-first-bulk) .variations_form .e-atc-qty-button-holder,
body.single-product:has(#rc-color-first-bulk) .variations_form > .quantity,
body.single-product:has(#rc-color-first-bulk) .variations_form .woocommerce-variation,
body.single-product:has(#rc-color-first-bulk) .variations_form .woocommerce-variation-description,
body.single-product:has(#rc-color-first-bulk) .variations_form .woocommerce-variation-price,
body.single-product:has(#rc-color-first-bulk) .variations_form .woocommerce-variation-availability,
body.single-product:has(#rc-color-first-bulk) .variations_form .reset_variations {
	display: none !important;
}

/* Ocultar botón ADD TO CART original (no el nuestro) */
body.single-product:has(#rc-color-first-bulk) .variations_form button.single_add_to_cart_button:not(.rc-bulk-add-to-cart) {
	display: none !important;
}

/* Ocultar selector de TALLA - SOLO por data-attribute_name, NO por posición */
body.single-product:has(#rc-color-first-bulk) .variations_form [data-attribute_name="attribute_pa_talla"],
body.single-product:has(#rc-color-first-bulk) .variations_form .vi-wpvs-variation-wrap[data-attribute_name="attribute_pa_talla"],
body.single-product:has(#rc-color-first-bulk) .vi-wpvs-variation-wrap-talla,
body.single-product:has(#rc-color-first-bulk) tr.vi-wpvs-variation-wrap-talla,
body.single-product:has(#rc-color-first-bulk) .variations_form tr:has([data-attribute_name="attribute_pa_talla"]) {
	display: none !important;
}

/* ===== FALLBACK: usando clase .rc-color-first-bulk añadida por JS ===== */
/* NO ocultar .single_variation_wrap - WooCommerce lo necesita para cambiar imágenes */
.variations_form.rc-color-first-bulk .single_variation_wrap .single_variation,
.variations_form.rc-color-first-bulk .woocommerce-variation-add-to-cart,
.variations_form.rc-color-first-bulk .e-atc-qty-button-holder,
.variations_form.rc-color-first-bulk > .quantity,
.variations_form.rc-color-first-bulk .woocommerce-variation,
.variations_form.rc-color-first-bulk .woocommerce-variation-description,
.variations_form.rc-color-first-bulk .woocommerce-variation-price,
.variations_form.rc-color-first-bulk .woocommerce-variation-availability,
.variations_form.rc-color-first-bulk .reset_variations {
	display: none !important;
}

.variations_form.rc-color-first-bulk button.single_add_to_cart_button:not(.rc-bulk-add-to-cart) {
	display: none !important;
}

.variations_form.rc-color-first-bulk [data-attribute_name="attribute_pa_talla"],
.variations_form.rc-color-first-bulk .vi-wpvs-variation-wrap[data-attribute_name="attribute_pa_talla"],
.variations_form.rc-color-first-bulk tr:has([data-attribute_name="attribute_pa_talla"]) {
	display: none !important;
}

/* ===== Ocultar SOLO la fila de TALLA, no la de COLOR ===== */
/* NO usar tr:not(:first-child) porque oculta todo */

/* Ocultar descripción, stock, precio, cantidad y botón del form WC */
.variations_form.rc-color-first-bulk + .single_variation_wrap,
.variations_form.rc-color-first-bulk ~ .single_variation_wrap,
.variations_form.rc-color-first-bulk .quantity.hidden,
.variations_form.rc-color-first-bulk input.qty:not(.rc-qty-input),
.variations_form.rc-color-first-bulk .stock,
body.single-product .variations_form.rc-color-first-bulk + *:not(.rc-color-first-bulk-wrapper) .single_add_to_cart_button {
	display: none !important;
}

/* ===== SUPER AGRESIVO: Ocultar botones y inputs dentro del form WC ===== */
.variations_form.rc-color-first-bulk > button,
.variations_form.rc-color-first-bulk > .button,
.variations_form.rc-color-first-bulk > input[type="submit"],
.variations_form.rc-color-first-bulk > .quantity,
.variations_form.rc-color-first-bulk > .single_add_to_cart_button {
	display: none !important;
}

/* Específico para VillaTheme swatches - ocultar fila de TALLA */
.variations_form.rc-color-first-bulk tr.vi-wpvs-variation-wrap[data-attribute_name="attribute_pa_talla"],
.variations_form.rc-color-first-bulk .vi-wpvs-variation-wrap[data-attribute_name="attribute_pa_talla"],
.variations_form.rc-color-first-bulk table.variations tr:has(label:contains("Talla")),
.variations_form.rc-color-first-bulk table.variations tr:has(td.label label[for*="talla"]) {
	display: none !important;
}

/* Ocultar el texto "TALLA:" */
.variations_form.rc-color-first-bulk .vi-wpvs-variation-wrap-talla,
.variations_form.rc-color-first-bulk .label:has(label[for*="talla"]),
.variations_form.rc-color-first-bulk tr:has(.vi-wpvs-variation-wrap[data-attribute_name="attribute_pa_talla"]) {
	display: none !important;
}

/* =====================================================
   RC COLOR FIRST: Diseño del formulario personalizado
   ===================================================== */
.rc-color-first-bulk-wrapper {
	margin-top: 1.5em;
	clear: both;
}

.rc-select-color-hint {
	color: #666;
	font-style: italic;
	margin-bottom: 1em;
}

/* Grid horizontal de tallas - FORZAR sobre Elementor */
#rc-color-first-bulk .rc-size-grid,
.rc-color-first-bulk-wrapper .rc-size-grid,
div.rc-size-grid {
	display: flex !important;
	flex-direction: row !important;
	flex-wrap: wrap !important;
	gap: 15px !important;
	margin-bottom: 1.5em !important;
	align-items: flex-start !important;
	justify-content: flex-start !important;
}

/* Cada columna de talla - FORZAR columna vertical */
#rc-color-first-bulk .rc-size-column,
.rc-color-first-bulk-wrapper .rc-size-column,
div.rc-size-column {
	display: flex !important;
	flex-direction: column !important;
	align-items: center !important;
	justify-content: flex-start !important;
	min-width: 60px !important;
	width: auto !important;
	padding: 10px 8px !important;
	text-align: center !important;
	box-sizing: border-box !important;
	float: none !important;
}

/* Nombre de la talla - MUY DESTACADO */
#rc-color-first-bulk .rc-size-column .rc-size-label,
.rc-color-first-bulk-wrapper .rc-size-column .rc-size-label,
div.rc-size-column div.rc-size-label {
	font-weight: 900 !important;
	font-size: 16px !important;
	margin: 0 0 5px 0 !important;
	padding: 0 !important;
	color: #000 !important;
	display: block !important;
	width: 100% !important;
	text-transform: uppercase !important;
	line-height: 1.2 !important;
}

/* Stock disponible */
#rc-color-first-bulk .rc-size-column .rc-size-stock,
.rc-color-first-bulk-wrapper .rc-size-column .rc-size-stock,
div.rc-size-column div.rc-size-stock {
	font-size: 13px !important;
	color: #555 !important;
	margin: 0 0 5px 0 !important;
	padding: 0 !important;
	display: block !important;
	width: 100% !important;
	line-height: 1.2 !important;
}

/* Input de cantidad */
#rc-color-first-bulk .rc-size-column .rc-qty-input,
.rc-color-first-bulk-wrapper .rc-size-column .rc-qty-input,
div.rc-size-column input.rc-qty-input {
	width: 50px !important;
	height: 35px !important;
	min-height: 35px !important;
	text-align: center !important;
	padding: 5px !important;
	border: 1px solid #999 !important;
	border-radius: 4px !important;
	font-size: 14px !important;
	margin: 0 0 5px 0 !important;
	-moz-appearance: textfield !important;
	box-sizing: border-box !important;
	display: block !important;
}

#rc-color-first-bulk .rc-size-column .rc-qty-input::-webkit-outer-spin-button,
#rc-color-first-bulk .rc-size-column .rc-qty-input::-webkit-inner-spin-button {
	-webkit-appearance: none !important;
	margin: 0 !important;
}

#rc-color-first-bulk .rc-size-column .rc-qty-input:focus {
	border-color: #333 !important;
	outline: none !important;
}

/* Precio */
#rc-color-first-bulk .rc-size-column .rc-size-price,
.rc-color-first-bulk-wrapper .rc-size-column .rc-size-price,
div.rc-size-column div.rc-size-price {
	font-size: 13px !important;
	color: #333 !important;
	font-weight: 600 !important;
	display: block !important;
	width: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
	line-height: 1.2 !important;
}

/* Botón añadir al carrito personalizado - SIEMPRE ACTIVO */
.rc-bulk-add-to-cart,
button.rc-bulk-add-to-cart,
.rc-quantity-per-size-form .rc-bulk-add-to-cart {
	margin-top: 1em !important;
	display: inline-block !important;
	opacity: 1 !important;
	cursor: pointer !important;
	pointer-events: auto !important;
}

.rc-bulk-add-to-cart:disabled,
.rc-bulk-add-to-cart.disabled {
	opacity: 1 !important;
	cursor: pointer !important;
	pointer-events: auto !important;
}

/* Formulario personalizado */
.rc-quantity-per-size-form {
	margin-top: 0;
}

/* Modal de stock */
#rc-stock-modal {
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}

/* Botón con loading de WooCommerce */
.rc-bulk-add-to-cart.loading {
	opacity: 0.85;
	cursor: wait;
	padding-right: 40px !important;
	position: relative;
}

.rc-bulk-add-to-cart.loading::after {
	position: absolute !important;
	right: 12px !important;
	top: 50% !important;
	transform: translateY(-50%) !important;
	margin: 0 !important;
}

/* =====================================================
   LISTADO DE PRODUCTOS - Swatches VillaTheme
   ===================================================== */

/* Ocultar botón "Select Options" en listado de productos */
a.button.product_type_variable.add_to_cart_button {
	display: none !important;
}

/* Imagen con tamaño fijo - se centra cuando es más pequeñaxxxx */
.woocommerce ul.products li.product img.attachment-woocommerce_thumbnail,
ul.products li.product img.attachment-woocommerce_thumbnail {
	min-height: 313px !important;
	height: 313px !important;
	width: 100% !important;
	object-fit: contain !important;
	object-position: center center !important;
}


a.button.product_type_variable.add_to_cart_button {
    display: none !important;
}