/* BG WooCommerce Variation Swatches 1.1.4 */
.variations_form .bg-wc-vs{
    direction:rtl;
    margin:10px 0 18px;
}
.variations_form select[name^="attribute_"]{
    position:absolute!important;
    width:1px!important;
    height:1px!important;
    padding:0!important;
    margin:-1px!important;
    overflow:hidden!important;
    clip:rect(0,0,0,0)!important;
    white-space:nowrap!important;
    border:0!important;
}
.bg-wc-vs-title{
    font-size:14px;
    font-weight:700;
    line-height:1.8;
    margin:0 0 8px;
    color:inherit;
}
.bg-wc-vs-choices{
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    gap:8px;
}
.bg-wc-vs-choice{
    appearance:none;
    -webkit-appearance:none;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:7px;
    min-height:38px;
    padding:7px 13px;
    border:1px solid #d9d9d9;
    border-radius:9px;
    background:#fff;
    color:inherit;
    cursor:pointer;
    font:inherit;
    font-size:13px;
    line-height:1.4;
    transition:.18s ease;
    box-shadow:none;
}
.bg-wc-vs-choice:hover:not(:disabled){
    border-color:#222;
    transform:translateY(-1px);
}
.bg-wc-vs-choice.is-selected{
    border-color:#111;
    background:#111;
    color:#fff;
    box-shadow:0 0 0 2px rgba(0,0,0,.08);
}
.bg-wc-vs-choice.is-disabled,
.bg-wc-vs-choice:disabled{
    opacity:.35;
    cursor:not-allowed;
    text-decoration:line-through;
    transform:none;
}
.bg-wc-vs-dot{
    width:18px;
    height:18px;
    min-width:18px;
    border-radius:50%;
    border:1px solid rgba(0,0,0,.2);
    box-shadow:inset 0 0 0 1px rgba(255,255,255,.35);
}
.bg-wc-vs-choice.is-selected .bg-wc-vs-dot{
    border-color:rgba(255,255,255,.8);
}
.bg-wc-vs-text{white-space:nowrap}

/* قیمت Variation که معمولاً زیر ویژگی‌ها توسط ووکامرس نمایش می‌یابد حذف شود؛
   قیمت اصلی بالای صفحه توسط JS با Variation انتخاب‌شده به‌روز می‌شود. */
.variations_form .single_variation .woocommerce-variation-price,
.variations_form .single_variation .price{
    display:none!important;
}
.bg-wc-price-updated{
    display:block;
}

@media (max-width:600px){
    .bg-wc-vs{margin-bottom:14px}
    .bg-wc-vs-choices{gap:6px}
    .bg-wc-vs-choice{
        min-height:36px;
        padding:6px 10px;
        border-radius:8px;
        font-size:12px;
    }
    .bg-wc-vs-dot{
        width:17px;
        height:17px;
        min-width:17px;
    }
}