/* ============================================================
   MI TIENDA SIMPLE — tallas.css v1.4.7
   ============================================================ */

/* ── SELECTOR DE TALLA ── */
.mts-tallas-wrap    { margin-bottom: 18px; }
.mts-tallas-label   { font-size: 13px; font-weight: 600; letter-spacing: .05em; margin-bottom: 10px; }
.mts-tallas-botones { display: flex; flex-wrap: wrap; gap: 8px; }

.mts-btn-talla {
    min-width: 52px; padding: 8px 14px;
    border: 1.5px solid #ccc; background: #fff; color: #333;
    font-size: 13px; font-weight: 600; cursor: pointer;
    border-radius: 4px;
    transition: border-color .15s, background .15s, color .15s;
}
.mts-btn-talla:hover            { border-color: #333; }
.mts-btn-talla.mts-seleccionada { border-color: #333; background: #333; color: #fff; }
.mts-bloqueado                  { opacity: .4; pointer-events: none; cursor: not-allowed; }


/* ── BADGE BASE ── */
.mts-stock-badge {
    position: absolute;
    z-index: 20;
    display: flex;
    align-items: stretch;
    background: #fff;
    border-radius: 6px;
    overflow: hidden;
    box-shadow: 0 2px 8px rgba(0,0,0,0.13);
    pointer-events: none;
}
.mts-stock-badge__label {
    background: #333; color: #fff;
    display: flex; align-items: center;
    padding: 4px 5px;
    font-size: 6.5px; font-weight: 700;
    text-transform: uppercase; letter-spacing: .5px; line-height: 1;
}
.mts-stock-badge__sizes {
    display: flex; align-items: center;
    padding: 4px 7px;
    font-size: 8px; font-weight: 700;
    text-transform: uppercase; color: #1a1a1a; line-height: 1;
}
.mts-stock-badge__sizes span { display: flex; align-items: center; }
.mts-stock-badge__sizes span + span::before {
    content: "·"; font-weight: 900; color: #ccc; margin: 0 4px; line-height: 1;
}


/* ── BADGE GRID ── */
/* JS mueve el badge dentro del <a> de imagen.
   El <a> tiene position:relative puesto por JS también. */
.mts-stock-badge--grid {
    bottom: 8px;
    left: 8px;
}


/* ── BADGE INDIVIDUAL (mobile only) ── */
.mts-stock-badge--single {
    display: none;
    bottom: 12px; left: 12px;
}
.mts-stock-badge--single .mts-stock-badge__label { font-size: 7.5px; padding: 5px 5px; }
.mts-stock-badge--single .mts-stock-badge__sizes { font-size: 9.5px; padding: 5px 9px; }
.mts-stock-badge--single .mts-stock-badge__sizes span + span::before { margin: 0 5px; }


/* ── CONTADOR IMÁGENES (mobile only) ── */
.mts-img-counter {
    display: none;
    position: absolute;
    bottom: 12px; right: 12px;
    z-index: 20;
    background: rgba(0,0,0,0.45); color: #fff;
    font-size: 8px; font-weight: 500;
    padding: 4px 7px; border-radius: 4px;
    line-height: 1; pointer-events: none;
    align-items: center;
}


/* ── MOBILE ── */
@media (max-width: 768px) {
    .single-product .mts-stock-badge--single { display: flex; }
    .single-product .mts-img-counter         { display: flex; }

    /* Ocultar miniaturas → forzar swipe */
    .single-product .flex-control-thumbs,
    .single-product ol.flex-control-nav,
    .single-product .woocommerce-product-gallery__wrapper + ol {
        display: none !important;
    }
}


/* ── CONTEXT ── */
.woocommerce-product-gallery { position: relative; }