ul.wd-filter-list {
    padding: 5px;
    border-radius: 7px;
    box-shadow: 0px 0px 10px 1px rgba(15, 23, 42 , 0.08);
}
li.wc-layered-nav-term {
    padding: 0px 13px;
}

.filters-area.always-open {
    border: none;  
}


button.pf-valuesas.button {
    color: #fff !important;
}


input[name="onsale"], input[name="stock_status"] {
    accent-color: rgb(37, 165, 149);
}

  

/* ظاهر آیتم فعال */
.wd-swatches-filter li.wd-active {
    background: #f3f3f3;
    border-radius: 6px;
    font-weight: 600;
}

/* اضافه کردن X */
li.wd-active .wd-filter-lable::before {
    content: "×";
    display: inline-flex;
    align-items: center;
    justify-content: center;
   
    width: 18px;
    height: 18px;

    color: #000;

    font-size: 18px;
    font-weight: bold;
}


/* clear filter */
button.msb-clear-filter {
    background: none;
    padding: 0px;
}

button.msb-clear-filter::before {
    content: "×";
    display: inline-flex;
    align-items: center;
    justify-content: center;
   
    width: 18px;
    height: 18px;

    color: #000;

    font-size: 18px;
    font-weight: bold;
}


button.msb-clear-filter:hover , button.msb-clear-filter:hover::before{
    background: none !important;
    color: rgb(37, 165, 149);
}



/* sort by style */
#msb-sort{
    padding-top: 5px;
    padding-bottom: 5px;
    height: auto;
    border-top-style: none;
    border-right-style: none;
    border-left-style: none;
    border-radius: 0;
    background-color: unset;
    background-position: left 0 top 50%;
    color: var(--color-gray-900);
    font-weight: 600;
    font-size: inherit;
    line-height: 1.2;
    padding-inline-start: 2px;
    padding-inline-end: 20px;
}

@media (max-width: 768.98px) {

    .msb-ordering-mobile {
        position: relative;
        width: 35px;
        height: 35px;
    }

    .msb-sort-icon::before {
        content: "\f119";
        font-family: "woodmart-font";
        font-size: 18px;
        color: var(--color-gray-900);
    }

    #msb-sort {
        position: absolute;
        inset: 0;
        width: 100%;
        height: 100%;
        opacity: 0;
        cursor: pointer;
    }

    #msb-sort option {
        position: absolute;
        inset: 0;
        width: 100%;
        height: 100%;
        opacity: 0;
        cursor: pointer;
    }
    #msb-sort option {
        font-size: 13px;
    }
}