/** Buratino Store Inventory — variation labels, matching WoodMart layered-nav chips. */

/* Hide the native select from the very first paint. The visible chips are rendered
   server-side, so there is no select -> chips flash while footer JS starts. */
.single-product.bsi-variation-labels-enabled .variations_form .variations 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;
}
.single-product .bsi-variation-labels-active .variations .value{
    position:relative;
}
.single-product .bsi-variation-labels-active .bsi-variation-native-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;
}

/* Compact pill shape, visually aligned with WoodMart layered-nav filters. */
.single-product .bsi-variation-labels{
    display:flex!important;
    flex-wrap:wrap!important;
    align-items:center!important;
    gap:5px 7px!important;
    margin:0!important;
    padding:0!important;
}
.single-product button.bsi-variation-label{
    -webkit-appearance:none!important;
    appearance:none!important;
    display:inline-flex!important;
    flex:0 0 auto!important;
    align-items:center!important;
    justify-content:center!important;
    width:auto!important;
    min-width:0!important;
    max-width:none!important;
    height:30px!important;
    min-height:30px!important;
    margin:0!important;
    padding:4px 11px!important;
    border:1px solid #e5e5e5!important;
    border-radius:999px!important;
    background:#fff!important;
    background-image:none!important;
    box-shadow:none!important;
    color:#777!important;
    font-family:inherit!important;
    font-size:13px!important;
    font-weight:400!important;
    line-height:20px!important;
    text-transform:none!important;
    letter-spacing:0!important;
    white-space:nowrap!important;
    cursor:pointer!important;
    transition:border-color .12s ease,background-color .12s ease,color .12s ease!important;
}

/* Exact BURATINO/WoodMart filter accent supplied from the live filter UI. */
.single-product button.bsi-variation-label:hover,
.single-product button.bsi-variation-label:focus-visible{
    border-color:rgb(76,121,114)!important;
    background:#fff!important;
    color:rgb(76,121,114)!important;
    outline:0!important;
}

/* Selected mirrors the active WoodMart filter chip. */
.single-product button.bsi-variation-label.is-selected,
.single-product button.bsi-variation-label[aria-pressed="true"]{
    border-color:rgb(76,121,114)!important;
    background:rgb(76,121,114)!important;
    color:#fff!important;
}
.single-product button.bsi-variation-label.is-selected:hover,
.single-product button.bsi-variation-label.is-selected:focus-visible{
    border-color:rgb(76,121,114)!important;
    background:rgb(76,121,114)!important;
    color:#fff!important;
}
.single-product button.bsi-variation-label.is-disabled,
.single-product button.bsi-variation-label:disabled{
    border-color:#e7e7e7!important;
    background:#fafafa!important;
    color:#a6a6a6!important;
    opacity:.85!important;
    cursor:not-allowed!important;
}
.single-product button.bsi-variation-label.is-disabled:hover,
.single-product button.bsi-variation-label:disabled:hover{
    border-color:#e7e7e7!important;
    background:#fafafa!important;
    color:#a6a6a6!important;
}
/* Keep the attribute title aligned with the first chip row, not the middle
   of a multi-line group. The live WoodMart markup uses a table cell for it. */
.single-product .bsi-variation-labels-active .variations tr{
    vertical-align:top!important;
}
.single-product .bsi-variation-labels-active .variations th.label.cell,
.single-product .bsi-variation-labels-active .variations .label{
    vertical-align:top!important;
    padding-top:0!important;
}
.single-product .bsi-variation-labels-active .variations th.label.cell > label,
.single-product .bsi-variation-labels-active .variations .label > label{
    display:inline-flex!important;
    align-items:center!important;
    min-height:30px!important;
    margin:0!important;
}
.single-product .variations_form.bsi-variation-labels-active .variations{
    margin-bottom:0!important;
}


/* Keep a compact, permanently reserved row for the standard “Clear” control.
   The wrapper is always the same height, so showing “Очистить” does not move the
   cart block, while the empty space under the chips stays minimal. */
.single-product .variations_form.bsi-variation-labels-active .wd-reset-var{
    display:block!important;
    height:14px!important;
    min-height:14px!important;
    margin:2px 0 0!important;
    padding:0!important;
    line-height:14px!important;
}
.single-product .variations_form.bsi-variation-labels-active .reset_variations{
    display:inline-block!important;
    min-height:14px!important;
    line-height:14px!important;
    margin:0!important;
    padding:0!important;
    font-size:11.5px!important;
    visibility:hidden!important;
    opacity:0!important;
    pointer-events:none!important;
}
.single-product .variations_form.bsi-variation-labels-active.bsi-has-selection .reset_variations{
    visibility:visible!important;
    opacity:1!important;
    pointer-events:auto!important;
}
.single-product .variations_form.bsi-variation-labels-active .single_variation_wrap{
    margin-top:0!important;
    padding-top:0!important;
}

/* One price only: WooCommerce keeps its technical variation price in the DOM,
   while the selected variation price is copied into the main WoodMart price. */
.single-product .variations_form.bsi-unified-price-active .woocommerce-variation-price{
    display:none!important;
}
.single-product .bsi-primary-variation-price{
    min-height:1em;
}

@media(max-width:480px){
    .single-product .bsi-variation-labels{
        gap:4px 5px!important;
    }
    .single-product button.bsi-variation-label{
        height:28px!important;
        min-height:28px!important;
        padding:3px 9px!important;
        font-size:12.5px!important;
        line-height:20px!important;
    }
}