/* BBOX 5.5.0 MOBILE ISOLATION — migrated from former shared base.css. */
/* product-variations — base presentation. */
.woocommerce div.product form.cart .variations {
  margin-bottom: var(--bbox-space-4);
}

.woocommerce div.product form.cart .variations select {
  width: 100%;
}

.bbox-color-swatches {
  display: flex;
  flex-wrap: wrap;
  gap: var(--bbox-space-3);
  margin-block: var(--bbox-space-3);
}

.bbox-color-swatch {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  border: 2px solid var(--bbox-border);
  background: var(--bbox-swatch-color);
  cursor: pointer;
}

.bbox-color-swatch[aria-pressed=true] {
  outline: 2px solid var(--bbox-gold-deep);
  outline-offset: 3px;
}

.bbox-color-swatch:disabled {
  opacity: .35;
  cursor: not-allowed;
}

.reset_variations {
  font-size: var(--bbox-text-xs);
}

/* BBOX 5.1.11 — MOBILE COLOR SWATCH ONLY */

/* BBOX 5.1.16 FINAL VISUAL — PRODUCT VARIATIONS MOBILE */

/* product-variations — mobile presentation. */

/* BBOX 5.2.0 MASTER RECONCILIATION — moved from shared base */
/*
     * Native WooCommerce select remains in DOM, accessible to WooCommerce
     * and authoritative for the variation lifecycle.
     *
     * It is visually hidden only when BBox color swatches exist.
     */

    .bbox-color-variation-row
    th.label{

        display:none !important;
    }

    .bbox-color-variation-row
    td.value{

        display:block !important;

        width:100% !important;

        padding:
            0 !important;
    }

    .bbox-color-variation-row
    select{

        position:absolute !important;

        width:1px !important;
        height:1px !important;

        margin:-1px !important;
        padding:0 !important;

        overflow:hidden !important;

        clip:
            rect(
                0,
                0,
                0,
                0
            ) !important;

        clip-path:
            inset(50%) !important;

        white-space:nowrap !important;

        border:0 !important;

        opacity:0 !important;
    }

    .bbox-color-variation-row
    .bbox-color-swatches{

        display:flex !important;

        align-items:center !important;

        justify-content:flex-start !important;

        flex-wrap:wrap !important;

        gap:12px !important;

        margin:
            4px
            0
            8px !important;
    }

    .bbox-color-variation-row
    .bbox-color-swatch{

        width:40px !important;
        height:40px !important;

        min-width:40px !important;
        min-height:40px !important;

        padding:0 !important;

        border:
            2px solid
            #e8dfcd !important;

        border-radius:50% !important;

        box-shadow:
            0
            3px
            9px
            rgba(17,24,39,.08) !important;
    }

    .bbox-color-variation-row
    .bbox-color-swatch[aria-pressed=true],
    .bbox-color-variation-row
    .bbox-color-swatch.is-selected{

        outline:
            2px solid
            #c89211 !important;

        outline-offset:
            3px !important;

        box-shadow:
            0
            5px
            14px
            rgba(182,128,7,.18) !important;
    }

    .bbox-color-variation-row
    .reset_variations{

        display:none !important;
    }

.single-product .product-purchase form.variations_form .variations{
        width:100%;
        margin:10px 0 10px !important;
    }

    .single-product .product-purchase form.variations_form .variations tr.bbox-color-variation-row{
        display:flex !important;
        align-items:center !important;
        justify-content:flex-start !important;
        gap:8px !important;
        direction:rtl;
    }

    .single-product .product-purchase form.variations_form .variations tr.bbox-color-variation-row > th.label{
        display:block !important;
        width:auto !important;
        min-width:auto !important;
        padding:0 !important;
    }

    .single-product .product-purchase form.variations_form .variations tr.bbox-color-variation-row > th.label label{
        display:block !important;
        margin:0 !important;
        color:#262626 !important;
        font-size:11px !important;
        font-weight:800 !important;
        line-height:1.2 !important;
        white-space:nowrap !important;
    }

    .single-product .product-purchase form.variations_form .variations tr.bbox-color-variation-row > td.value{
        display:flex !important;
        align-items:center !important;
        gap:8px !important;
        padding:0 !important;
    }

    .single-product .product-purchase .bbox-color-swatches{
        display:flex !important;
        flex-wrap:wrap !important;
        align-items:center !important;
        justify-content:flex-start !important;
        gap:8px !important;
        direction:rtl;
    }

    .single-product .product-purchase .bbox-color-swatch{
        flex:0 0 30px !important;
        width:30px !important;
        min-width:30px !important;
        max-width:30px !important;
        height:30px !important;
        min-height:30px !important;
        max-height:30px !important;
        aspect-ratio:1 / 1 !important;
        box-sizing:border-box !important;
        border-radius:50% !important;
        padding:0 !important;
        overflow:hidden !important;
    }