/**
Theme Name: Astra Child
Author: Brainstorm Force
Author URI: http://wpastra.com/about/
Description: Astra is the fastest, fully customizable & beautiful theme suitable for blogs, personal portfolios and business websites. It is very lightweight (less than 50KB on frontend) and offers unparalleled speed. Built with SEO in mind, Astra comes with schema.org code integrated so search engines will love your site. Astra offers plenty of sidebar options and widget areas giving you a full control for customizations. Furthermore, we have included special features and templates so feel free to choose any of your favorite page builder plugin to create pages flexibly. Some of the other features: # WooCommerce Ready # Responsive # Compatible with major plugins # Translation Ready # Extendible with premium addons # Regularly updated # Designed, Developed, Maintained & Supported by Brainstorm Force. Looking for a perfect base theme? Look no further. Astra is fast, fully customizable and beautiful theme!
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: astra-child
Template: astra
*/
/* ═══════════════════════════════════════════════
   ADIDAS COMBAT SPORTS – Variation Swatches v3
   ═══════════════════════════════════════════════ */


/* ── TÍTULOS ── */
.filter-title,
table.variations th.label,
table.variations th.label label,
.cfvsw-swatches-container label {
	color: #000 !important;
	font-family: "Adihaus", "Helvetica Neue", Arial, sans-serif;
	font-size: 14px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.5px;
}


/* ═══════════════════════════════════
   BASE – Todos los swatches
   ═══════════════════════════════════ */
.cfvsw-swatches-container > * {
	border: 1px solid #ddd !important;
	border-radius: 0 !important;
	font-family: "Adihaus", "Helvetica Neue", Arial, sans-serif;
	font-size: 13px;
	font-weight: 400;
	text-align: center;
	cursor: pointer;
	transition: border-color 0.15s ease, background-color 0.15s ease, color 0.15s ease;
	position: relative;
	overflow: hidden;
	box-shadow: none !important;
	outline: none !important;
	box-sizing: border-box;
}

/* Hover */
.cfvsw-swatches-container > *:hover {
	border-color: #767677 !important;
}


/* ═══════════════════════════════════
   SWATCHES DE TEXTO (tallas, etc)
   Solo estos llevan padding de botón
   ═══════════════════════════════════ */
.cfvsw-swatches-container > *:not([class*="image"]):not([class*="color"]) {
	background: #fff !important;
	color: #000 !important;
	padding: 8px 12px !important;
	min-width: 48px;
}


/* ═══════════════════════════════════
   SWATCHES DE IMAGEN / COLOR
   Estos conservan su contenido visual
   ═══════════════════════════════════ */
.cfvsw-swatches-container > *[class*="image"],
.cfvsw-swatches-container > *[class*="color"] {
	padding: 2px !important;
	background: transparent !important;
}


/* ═══════════════════════════════════
   SELECCIONADO – TEXTO: fondo negro
   ═══════════════════════════════════ */
.cfvsw-swatches-container > *.cfvsw-selected-swatch:not([class*="image"]):not([class*="color"]),
.cfvsw-swatches-container > *.selected:not([class*="image"]):not([class*="color"]),
.cfvsw-swatches-container > *.active:not([class*="image"]):not([class*="color"]) {
	border-color: #000 !important;
	background: #000 !important;
	color: #fff !important;
	font-weight: 700;
}

/* Spans internos del texto seleccionado */
.cfvsw-swatches-container > *.cfvsw-selected-swatch:not([class*="image"]):not([class*="color"]) *,
.cfvsw-swatches-container > *.selected:not([class*="image"]):not([class*="color"]) *,
.cfvsw-swatches-container > *.active:not([class*="image"]):not([class*="color"]) * {
	color: #fff !important;
}


/* ═══════════════════════════════════
   SELECCIONADO – IMAGEN/COLOR: solo borde
   ═══════════════════════════════════ */
.cfvsw-swatches-container > *[class*="image"].cfvsw-selected-swatch,
.cfvsw-swatches-container > *[class*="image"].selected,
.cfvsw-swatches-container > *[class*="image"].active,
.cfvsw-swatches-container > *[class*="color"].cfvsw-selected-swatch,
.cfvsw-swatches-container > *[class*="color"].selected,
.cfvsw-swatches-container > *[class*="color"].active {
	border: 2px solid #000 !important;
	padding: 1px !important;
	background: transparent !important;
}


/* ═══════════════════════════════════
   NO DISPONIBLE – Línea diagonal
   ═══════════════════════════════════ */
.cfvsw-swatches-container .cfvsw-swatches-blur-disable,
.cfvsw-swatches-container .out-of-stock,
.cfvsw-swatches-container [class*="disable"] {
	position: relative !important;
	overflow: hidden !important;
	border-color: #e5e5e5 !important;
	opacity: 1 !important;
	cursor: not-allowed !important;
}

/* Texto gris */
.cfvsw-swatches-container .cfvsw-swatches-blur-disable,
.cfvsw-swatches-container .cfvsw-swatches-blur-disable * {
	color: #b0b0b0 !important;
}

/* Línea diagonal */
.cfvsw-swatches-container .cfvsw-swatches-blur-disable::after {
	content: "" !important;
	position: absolute !important;
	top: 0 !important;
	left: 0 !important;
	width: 100% !important;
	height: 100% !important;
	background: linear-gradient(
		to top right,
		transparent calc(50% - 0.5px),
		#999 calc(50% - 0.5px),
		#999 calc(50% + 0.5px),
		transparent calc(50% + 0.5px)
	) !important;
	font-size: 0 !important;
	color: transparent !important;
	transform: none !important;
	pointer-events: none !important;
	z-index: 2;
}

/* Sin hover en no disponibles */
.cfvsw-swatches-container .cfvsw-swatches-blur-disable:hover {
	border-color: #e5e5e5 !important;
}

/* Imagen no disponible – baja opacidad en vez de diagonal */
.cfvsw-swatches-container *[class*="image"].cfvsw-swatches-blur-disable,
.cfvsw-swatches-container *[class*="color"].cfvsw-swatches-blur-disable {
	opacity: 0.35 !important;
}


/* ═══════════════════════════════════
   LAYOUT
   ═══════════════════════════════════ */
.cfvsw-swatches-container {
	display: flex !important;
	flex-wrap: wrap !important;
	gap: 6px !important;
}

table.variations,
table.variations.cfvsw-variation-disable-logic {
	border: 0 !important;
	border-collapse: separate !important;
	border-spacing: 0 !important;
}

table.variations td,
table.variations th {
	border: 0 !important;
}


/* ═══════════════════════════════════
   OCULTAR CAMPANITA / TOOLTIPS
   ═══════════════════════════════════ */
.cfvsw-swatch-tooltip,
.cfvsw-notify-btn,
[class*="cfvsw-bell"],
[class*="notify"] {
	display: none !important;
}


/* ═══════════════════════════════════
   RESPONSIVE
   ═══════════════════════════════════ */
@media (max-width: 767px) {
	.cfvsw-swatches-container > *:not([class*="image"]):not([class*="color"]) {
		font-size: 12px;
		padding: 7px 9px !important;
		min-width: 42px;
	}
}

@media (max-width: 480px) {
	.cfvsw-swatches-container > *:not([class*="image"]):not([class*="color"]) {
		font-size: 11px;
		padding: 6px 7px !important;
		min-width: 38px;
	}
}

/* MP Cuotas Widget — Mercado Pago */
.mp-cuotas-widget {
    width: fit-content;
    max-width: 100%;
    flex-wrap: nowrap;
}

/* Responsive: en móvil envuelve el texto */
@media (max-width: 480px) {
    .mp-cuotas-widget {
        flex-wrap: wrap;
        padding: 10px 16px;
        border-radius: 8px;
    }
    .mp-cuotas-texto {
        font-size: 14px !important;
    }
}

/* ================================================
   BARRA CUOTAS SIN INTERÉS — MERCADO PAGO (Adidas)
   ================================================ */

.adidas-cuotas-wrap {
    width: 100%;
    margin: 12px 0 4px;
}

.adidas-barra-cuotas {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 12px 16px;
    background: #0A0A0A;
    border: 2px solid #61CE70;
    border-radius: 0; /* Adidas = bordes rectos */
    color: #fff;
    font-family: "Adihaus", "Helvetica Neue", Arial, sans-serif;
    font-size: 13px;
    line-height: 1.4;
    position: relative;
    overflow: hidden;
}

/* Destello animado, igual estilo a tu shipping bar */
.adidas-barra-cuotas::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 200%;
    height: 100%;
    background: linear-gradient(
        90deg,
        transparent 0%,
        rgba(97, 206, 112, 0.06) 25%,
        rgba(97, 206, 112, 0.06) 75%,
        transparent 100%
    );
    animation: adidas-cuotas-shine 4s ease-in-out infinite;
}

@keyframes adidas-cuotas-shine {
    0%, 100% { transform: translateX(-25%); }
    50%      { transform: translateX(25%); }
}

.adidas-cuotas-icon {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border: 2px solid #61CE70;
    color: #61CE70;
    position: relative;
    z-index: 1;
}

.adidas-cuotas-texto {
    position: relative;
    z-index: 1;
    text-transform: uppercase;
    letter-spacing: 0.3px;
}

.adidas-cuotas-texto strong {
    color: #61CE70;
    font-weight: 700;
}

.adidas-mp-logo {
    background: #fff;
    color: #009ee3;
    font-size: 11px;
    font-weight: 800;
    padding: 2px 8px;
    border-radius: 3px;
    letter-spacing: 0.2px;
    white-space: nowrap;
    text-transform: none;
}

/* Móvil */
@media (max-width: 768px) {
    .adidas-barra-cuotas {
        padding: 10px 12px;
        font-size: 12px;
        gap: 8px;
    }
    .adidas-cuotas-icon {
        width: 28px;
        height: 28px;
    }
}

.ast-product-navigation-wrapper {
    display: none !important;
}