@media screen and (min-width:769px){.wpc_show_bottom_widget .wpc-filters-widget-content{height:auto!important}body.wpc_show_open_close_button .wpc-filters-widget-content.wpc-closed,body.wpc_show_open_close_button .wpc-filters-widget-content.wpc-opened,body.wpc_show_open_close_button .wpc-filters-widget-content:not(.wpc-opened){display:block!important}}@media screen and (min-width:768px){.wpc-custom-selected-terms{clear:both;width:100%}.wpc-custom-selected-terms ul.wpc-filter-chips-list{display:flex;overflow-x:auto;overflow-y:clip;padding-left:0}.wpc-filters-main-wrap .wpc-custom-selected-terms ul.wpc-filter-chips-list{display:block;overflow:visible}html.is-active .wpc-filters-overlay{top:0;opacity:.3;background:#fff}.wpc-filters-main-wrap input.wpc-label-input+label:hover{border:1px solid rgba(0,0,0,.25);border-radius:5px}.wpc-filters-main-wrap input.wpc-label-input+label:hover span.wpc-filter-label-wrapper{color:#333;background-color:rgba(0,0,0,.25)}.wpc-filters-main-wrap .wpc-filters-labels li.wpc-term-item input+label:hover a{color:#333}.theme-storefront #primary .storefront-sorting .wpc-custom-selected-terms{font-size:inherit}.theme-storefront #primary .wpc-custom-selected-terms{font-size:.875em}}@media screen and (max-width:768px){.wpc-filters-labels li.wpc-term-item label:hover .wpc-term-swatch-wrapper:after,.wpc-filters-labels li.wpc-term-item label:hover .wpc-term-swatch-wrapper:before{display:none;}.wpc_show_bottom_widget .wpc-filters-widget-top-container,.wpc_show_open_close_button .wpc-filters-widget-top-container{text-align:center}.wpc_show_bottom_widget .wpc-filters-widget-top-container{position:sticky;top:0;z-index:99999;border-bottom:1px solid #f7f7f7}.wpc-custom-selected-terms:not(.wpc-show-on-mobile),.wpc-edit-filter-set,.wpc_show_bottom_widget .widget_wpc_selected_filters_widget,.wpc_show_bottom_widget .wpc-filters-widget-content .wpc-filter-set-widget-title,.wpc_show_bottom_widget .wpc-filters-main-wrap .widget-title,.wpc_show_bottom_widget .wpc-filters-widget-wrapper .wpc-filter-layout-submit-button,.wpc_show_bottom_widget .wpc-posts-found,body.wpc_show_bottom_widget .wpc-open-close-filters-button,body.wpc_show_open_close_button .wpc-filters-widget-content:not(.wpc-opened),.widget_wpc_chips_widget .widget-title:not(.wpc-show-on-mobile-widget-title), .widget_wpc_chips_widget .widgettitle:not(.wpc-show-on-mobile-widget-title) {display:none}.wpc_show_bottom_widget .wpc-filters-widget-top-container:not(.wpc-show-on-desktop),.wpc_show_bottom_widget .wpc-spinner.is-active,.wpc_show_bottom_widget .wpc-widget-close-container,html.is-active body:not(.wpc_show_bottom_widget) .wpc-spinner{display:block}body .wpc-filters-main-wrap li.wpc-term-item{padding:2px 0}.wpc-chip-empty{width:0;display:list-item;visibility:hidden;margin-right:0!important}.wpc-overlay-visible #secondary{z-index:auto}html.is-active:not(.wpc-overlay-visible) .wpc-filters-overlay{top:0;opacity:.2;background:#fff}.wpc-custom-selected-terms.wpc-show-on-mobile ul.wpc-filter-chips-list{display:flex;overflow-x:auto;padding-left:0}html.is-active body:not(.wpc_show_bottom_widget) .wpc-filters-overlay{top:0;opacity:.3;background:#fff}body.wpc_show_bottom_widget .wpc-filters-widget-content.wpc-closed,body.wpc_show_bottom_widget .wpc-filters-widget-content.wpc-opened,body.wpc_show_bottom_widget .wpc-filters-widget-content:not(.wpc-opened){display:block!important}.wpc-open-close-filters-button{display:block;margin-bottom:20px}.wpc-overlay-visible body,html.wpc-overlay-visible{overflow:hidden!important}.wpc_show_bottom_widget .widget_wpc_filters_widget,.wpc_show_bottom_widget .wpc-filters-main-wrap{padding:0!important;margin:0!important}.wpc_show_bottom_widget .wpc-filters-range-column{width:48%;max-width:none}.wpc_show_bottom_widget .wpc-filters-toolbar{display:flex;margin:1em 0}.wpc_show_bottom_widget .wpc-inner-widget-chips-wrapper{display:block;padding-left:20px;padding-right:20px}.wpc_show_bottom_widget .wpc-filters-main-wrap .widget-title.wpc-filter-title{display:flex}.wpc_show_bottom_widget .wpc-inner-widget-chips-wrapper .wpc-filter-chips-list,.wpc_show_open_close_button .wpc-inner-widget-chips-wrapper .wpc-filter-chips-list{display:flex;-webkit-box-pack:start;place-content:center flex-start;overflow-x:auto;padding-top:5px;padding-bottom:5px;margin-left:0;padding-left:0}.wpc-overlay-visible .wpc_show_bottom_widget .wpc-filters-overlay{top:0;opacity:.4}.wpc_show_bottom_widget .wpc-filters-main-wrap .wpc-spinner.is-active+.wpc-filters-widget-content .wpc-filters-scroll-container .wpc-filters-widget-wrapper{opacity:.6;pointer-events:none}.wpc_show_bottom_widget .wpc-filters-open-button-container{margin-top:1em;margin-bottom:1em}.wpc_show_bottom_widget .wpc-filters-widget-content{position:fixed;bottom:0;right:0;left:0;top:5%;z-index:999999;padding:0;background-color:#fff;margin:0;box-sizing:border-box;border-radius:7px 7px 0 0;transition:transform .25s;transform:translate3d(0,120%,0);-webkit-overflow-scrolling:touch;height:auto}.wpc_show_bottom_widget .wpc-filters-widget-containers-wrapper{padding:0;margin:0;overflow-y:scroll;box-sizing:border-box;position:fixed;top:56px;left:0;right:0;bottom:0}.wpc_show_bottom_widget .wpc-filters-widget-content.wpc-filters-widget-opened{transform:translate3d(0,0,0)}.theme-twentyfourteen .wpc_show_bottom_widget .wpc-filters-widget-content,.theme-twentyfourteen.wpc_show_bottom_widget .wpc-filters-scroll-container{background-color:#000}.wpc_show_bottom_widget .wpc-filters-section:not(.wpc-filter-post_meta_num):not(.wpc-filter-tax_numeric) .wpc-filter-content ul.wpc-filters-ul-list,.wpc_show_open_close_button .wpc-filters-section:not(.wpc-filter-post_meta_num):not(.wpc-filter-tax_numeric) .wpc-filter-content ul.wpc-filters-ul-list{max-height:none}.wpc_show_bottom_widget .wpc-filters-scroll-container{background:#fff;min-height:100%}.wpc_show_bottom_widget .wpc-filters-widget-wrapper{padding:20px 20px 15px}.wpc-filter-everything-dropdown .select2-search--dropdown .select2-search__field,.wpc-sorting-form select,.wpc_show_bottom_widget .wpc-filters-main-wrap input[type=number],.wpc_show_bottom_widget .wpc-filters-main-wrap input[type=text],.wpc_show_bottom_widget .wpc-filters-main-wrap select,.wpc_show_bottom_widget .wpc-filters-main-wrap textarea,.wpc_show_bottom_widget .wpc-search-field,.wpc_show_open_close_button .wpc-search-field,.wpc_show_open_close_button .wpc-filter-search-field{font-size:16px}.wpc-filter-layout-dropdown .select2-container .select2-selection--single,.wpc-sorting-form .select2-container .select2-selection--single{height:auto;padding:6px}.wpc_show_bottom_widget .wpc-filters-section:not(.wpc-filter-post_meta_num):not(.wpc-filter-tax_numeric) .wpc-filter-content ul.wpc-filters-ul-list{overflow-y:visible}.theme-twentyeleven #primary,.theme-twentyeleven #secondary{margin-left:0;margin-right:0;clear:both;float:none}#main>.fusion-row{max-width:100%}.wpc_show_bottom_widget .wpc-filters-open-button-container,.wpc_show_bottom_widget .wpc-filters-widget-controls-container,.wpc_show_bottom_widget .wpc-filters-widget-top-container,.wpc_show_open_close_button .wpc-filters-open-button-container{display:block}}
.wpc-preload-img{display:none;}li.wpc-term-item label span.wpc-term-swatch,.wpc-term-swatch-wrapper{width:32px;min-width:32px;height:32px;}
.wpc-term-swatch-wrapper:after{width:12.8px;height:6.4px;left:9.1428571428571px;top:9.1428571428571px;}.wpc-term-image-wrapper{width:70px;min-width:70px;height:40px;}.wpc-filters-section:not(.wpc-filter-more-less):not(.wpc-filter-post_meta_num):not(.wpc-filter-tax_numeric):not(.wpc-filter-layout-dropdown):not(.wpc-filter-terms-count-0) .wpc-filter-content:not(.wpc-filter-has-hierarchy) ul.wpc-filters-ul-list{
                        max-height: 550px;
                        overflow-y: auto;
                }
.wpc-filters-range-inputs .ui-slider-horizontal .ui-slider-range{
                        background-color: #0570e2;
                    }
                
.wpc-spinner:after {
                        border-top-color: #0570e2;
                    }
.theme-Avada .wpc-filter-product_visibility .star-rating:before,
                .wpc-filter-product_visibility .star-rating span:before{
                    color: #0570e2;
                }
body .wpc-filters-main-wrap input.wpc-label-input:checked+label span.wpc-filter-label-wrapper{
                        background-color: #0570e2;
                }
body .wpc-filters-main-wrap input.wpc-label-input:checked+label{
                        border-color: #0570e2;
                }
body .wpc-filters-main-wrap .wpc-term-disabled input.wpc-label-input:checked+label span.wpc-filter-label-wrapper{
                        background-color: #d8d8d8;
                }
body .wpc-filters-main-wrap .wpc-term-disabled input.wpc-label-input:checked+label{
                        border-color: #d8d8d8;
                }
body .wpc-filters-main-wrap .wpc-term-disabled input.wpc-label-input+label:hover{
                        border-color: #d8d8d8;
                }
body .wpc-filters-main-wrap .wpc-term-disabled input.wpc-label-input:checked+label span.wpc-filter-label-wrapper,
                body .wpc-filters-main-wrap .wpc-filters-labels li.wpc-term-item.wpc-term-disabled input:checked+label a,
                body .wpc-filters-main-wrap .wpc-filters-labels li.wpc-term-item.wpc-term-disabled input:checked+label span
                {
                        color: #333333;
                }
body .wpc-filters-main-wrap input.wpc-label-input:checked+label span.wpc-filter-label-wrapper,
                body .wpc-filters-main-wrap .wpc-filters-labels li.wpc-term-item input:checked+label a{
                        color: #f5f5f5;
                }
body .wpc-filter-chips-list li.wpc-filter-chip:not(.wpc-chip-reset-all) a,
                body .wpc-filter-chips-list li.wpc-filter-chip:not(.wpc-chip-reset-all) span[data-wpc-span-link],
                body .wpc-filter-chips-list li.wpc-filter-chip:not(.wpc-chip-reset-all) span.wpc-apply-button-chip{
                    border-color: #0570e2;
                }
body .wpc-filters-main-wrap .wpc-filters-widget-controls-container a.wpc-filters-apply-button,
                body .wpc-filters-main-wrap a.wpc-filters-submit-button{
                    border-color: #0570e2;
                    background-color: #0570e2;
                    color: #f5f5f5;
                }
body .wpc-filter-chips-list li.wpc-filter-chip a:hover,
                body .wpc-filter-chips-list li.wpc-filter-chip span[data-wpc-span-link]:hover,
                body .wpc-filter-chips-list li.wpc-filter-chip span.wpc-apply-button-chip:hover{
                    opacity: 0.9;
                }
body .wpc-filter-chips-list li.wpc-filter-chip a:active,
                body .wpc-filter-chips-list li.wpc-filter-chip span[data-wpc-span-link]:active,
                body .wpc-filter-chips-list li.wpc-filter-chip span.wpc-apply-button-chip:active{
                    opacity: 0.75;
                }
.star-rating span,
                .star-rating span:before{
                    color: #0570e2;
                }
body a.wpc-filters-open-widget:active, a.wpc-filters-open-widget:active, 
                .wpc-filters-open-widget:active{
                    border-color: #0570e2;
                    background-color: #0570e2;
                    color: #f5f5f5;
                }
a.wpc-filters-open-widget:active span.wpc-icon-line-1:after,
                a.wpc-filters-open-widget:active span.wpc-icon-line-2:after,
                a.wpc-filters-open-widget:active span.wpc-icon-line-3:after{
                    background-color: #0570e2;
                    border-color: #f5f5f5;
                }
a.wpc-filters-open-widget:active .wpc-icon-html-wrapper span{
                    background-color: #f5f5f5;
                }
body .wpc-filters-main-wrap input.wpc-label-input+label:hover span.wpc-filter-label-wrapper{
                        color: #f5f5f5;
                        background-color: #0570e2;
                    }
body .wpc-filters-main-wrap .wpc-filters-labels li.wpc-term-item input+label:hover a{
                        color: #f5f5f5;
                    }
body .wpc-filters-main-wrap input.wpc-label-input+label:hover{
                        border-color: #0570e2;
                    }
#ui-datepicker-div.wpc-filter-datepicker .ui-state-active, 
            #ui-datepicker-div.ui-widget-content.wpc-filter-datepicker .ui-state-active, 
            #ui-datepicker-div.wpc-filter-datepicker .ui-widget-header .ui-state-active{
                    border-color: #0570e2;
                    background: #0570e2;
                    opacity: 0.95;
            }
#ui-datepicker-div.wpc-filter-datepicker .ui-state-hover, 
            #ui-datepicker-div.ui-widget-content.wpc-filter-datepicker .ui-state-hover, 
            #ui-datepicker-div.wpc-filter-datepicker .ui-widget-header .ui-state-hover, 
            #ui-datepicker-div.wpc-filter-datepicker .ui-state-focus, 
            #ui-datepicker-div.ui-widget-content.wpc-filter-datepicker .ui-state-focus, 
            #ui-datepicker-div.wpc-filter-datepicker .ui-widget-header .ui-state-focus{
                border-color: #0570e2;
                background: #0570e2;
                opacity: 0.6;
            }#ui-datepicker-div.wpc-filter-datepicker .ui-datepicker-close.ui-state-default{
                background: #0570e2;
                color: #f5f5f5;
            }
.flrt-star-label svg{
                    stroke: #0570e2;
            }
.flrt-star-label-hover svg, .wpc-chip-stars svg{
                    fill: #0570e2;
            }
.wpc-filter-label-stars-wrapper{
                   padding: 4px 5px !important;
            }
.wpc-filter-label-stars-wrapper .flrt-star-label svg{
                    height: 17px;
                    width: 17px;
            }
body .wpc-filters-main-wrap input.wpc-label-input:checked+label span.wpc-filter-label-stars-wrapper .flrt-star-label svg, 
            span.wpc-filter-label-stars-wrapper:hover .flrt-star-label svg{
                        fill: #f5f5f5;
                }
@media screen and (max-width: 768px) {
body #main,
                        body #content .col-full,
                        .woocommerce-page .content-has-sidebar,
                        .woocommerce-page .has-one-sidebar,
                        .woocommerce-page #main-sidebar-container,
                        .woocommerce-page .theme-page-wrapper,
                        .woocommerce-page #content-area,
                        .theme-jevelin.woocommerce-page .woocomerce-styling,
                        .woocommerce-page .content_wrapper,
                        .woocommerce-page #col-mask,
                        body #main-content .content-area {
                            -js-display: flex;
                            display: -webkit-box;
                            display: -webkit-flex;
                            display: -moz-box;
                            display: -ms-flexbox;
                            display: flex;
                            -webkit-box-orient: vertical;
                            -moz-box-orient: vertical;
                            -webkit-flex-direction: column;
                            -ms-flex-direction: column;
                            flex-direction: column;
                        }
                        body #primary,
                        .woocommerce-page .has-one-sidebar > section,
                        .woocommerce-page .theme-content,
                        .woocommerce-page #left-area,
                        .woocommerce-page #content,
                        .woocommerce-page .sections_group,
                        .woocommerce-page .content-box,
                        body #main-sidebar-container #main {
                            -webkit-box-ordinal-group: 2;
                            -moz-box-ordinal-group: 2;
                            -ms-flex-order: 2;
                            -webkit-order: 2;
                            order: 2;
                        }
                        body #secondary,
                        .woocommerce-page .has-one-sidebar > aside,
                        body aside#mk-sidebar,
                        .woocommerce-page #sidebar,
                        .woocommerce-page .sidebar,
                        body #main-sidebar-container #sidebar {
                            -webkit-box-ordinal-group: 1;
                            -moz-box-ordinal-group: 1;
                            -ms-flex-order: 1;
                            -webkit-order: 1;
                            order: 1;
                        }
                    
                        /*second method first method solve issue theme specific*/
                        .woocommerce-page:not(.single,.page) .btWithSidebar.btSidebarLeft .btContentHolder,
                        body .theme-generatepress.woocommerce #content {
                            display: table;
                        }
                        body .btContent,
                        body .theme-generatepress.woocommerce #primary {
                            display: table-footer-group;
                        }
                        body .btSidebar,
                        body .theme-generatepress.woocommerce #left-sidebar {
                            display: table-header-group;
                        }
#ui-datepicker-div.wpc-filter-datepicker .ui-datepicker-close.ui-state-default{
                            background: #0570e2;
                            color: #f5f5f5;
                        }
.wpc-filters-date-range-column{
                            justify-content: left;
                        }
}
@media screen and (min-width: 768px) {
html.is-active .wpc-spinner{
                                display: block;
                            }}
@media screen and (min-width: 768px) {
html.is-active .wpc-filters-overlay{
                            opacity: .15;
                            background: #000000;
                        }}
<style>
/* =========================================================
   ARYO — FILTER EVERYTHING PRO
   DIGIKALA STYLE V4
   ========================================================= */

.elementor-element-86967f6{
    --f-bg:#E4E4E4;
    --f-item:#D9D9D9;
    --f-item-hover:#D3D3D3;
    --f-item-selected:#D2E5E7;

    --f-title:#202020;
    --f-text:#303030;
    --f-muted:#656565;
    --f-count:#5A5A5A;

    --f-border:#C3C3C3;
    --f-divider:#CCCCCC;

    --f-accent:#0DA7B8;
    --f-accent-dark:#087984;

    direction:rtl;
    font-family:"Farhang",sans-serif;
}

.elementor-element-86967f6 *,
.elementor-element-86967f6 *::before,
.elementor-element-86967f6 *::after{
    box-sizing:border-box;
}


/* =========================================================
   COMPLETE RESET
   ========================================================= */

.elementor-element-86967f6,
.elementor-element-86967f6 .elementor-widget-container,
.elementor-element-86967f6 .widget,
.elementor-element-86967f6 .widget_wpc_filters_widget,
.elementor-element-86967f6 .wpc-filters-main-wrap{
    margin:0 !important;
    padding:0 !important;
    box-shadow:none !important;
}


/* =========================================================
   MAIN FILTER
   ========================================================= */

.elementor-element-86967f6 .wpc-filters-widget-content{
    width:100% !important;

    margin:0 !important;
    padding:17px 17px 8px !important;

    background:#E4E4E4 !important;

    border:1px solid var(--f-border) !important;
    border-radius:14px !important;

    box-shadow:none !important;

    color:var(--f-text) !important;

    overflow:hidden;
}


/* تمام لایه‌های داخلی */

.elementor-element-86967f6 .wpc-filters-widget-containers-wrapper,
.elementor-element-86967f6 .wpc-filters-scroll-container,
.elementor-element-86967f6 .wpc-filters-widget-wrapper,
.elementor-element-86967f6 .wpc-filters-widget-top-container,
.elementor-element-86967f6 .wpc-widget-top-inside,
.elementor-element-86967f6 .wpc-inner-widget-chips-wrapper{
    background:#E4E4E4 !important;
    border:0 !important;
    box-shadow:none !important;
}


/* =========================================================
   MAIN TITLE
   ========================================================= */

.elementor-element-86967f6 .wpc-filter-set-widget-title{
    margin:0 !important;
    padding:0 !important;
}


.elementor-element-86967f6
.wpc-filter-set-widget-title .widgettitle{
    margin:0 !important;

    padding:1px 0 12px !important;

    border:0 !important;

    background:transparent !important;

    color:var(--f-title) !important;

    font-family:"Farhang",sans-serif !important;

    font-size:0 !important;
    font-weight:900 !important;
}


.elementor-element-86967f6
.wpc-filter-set-widget-title .widgettitle::after{
    content:"فیلترها";

    color:#202020;

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


/* =========================================================
   FILTER SECTION
   ========================================================= */

.elementor-element-86967f6 .wpc-filters-section{
    width:100% !important;

    margin:0 !important;
    padding:0 !important;

    background:transparent !important;

    border:0 !important;

    border-bottom:
        1px solid var(--f-divider) !important;

    border-radius:0 !important;

    box-shadow:none !important;
}


.elementor-element-86967f6
.wpc-filters-section:last-child{
    border-bottom:0 !important;
}


/* =========================================================
   FILTER HEADER
   ========================================================= */

.elementor-element-86967f6 .wpc-filter-header{
    position:relative;

    display:flex !important;

    align-items:center !important;

    width:100% !important;

    min-height:48px;

    margin:0 !important;
    padding:0 !important;

    background:transparent !important;

    cursor:pointer;

    user-select:none;
}


.elementor-element-86967f6 .wpc-filter-title{
    display:flex !important;

    align-items:center;

    width:100% !important;

    margin:0 !important;

    padding:0 0 0 27px !important;

    background:transparent !important;

    border:0 !important;

    color:#202020 !important;

    font-family:"Farhang",sans-serif !important;

    font-size:13px !important;
    font-weight:700 !important;
    line-height:1.7 !important;
}


/* =========================================================
   ARROW
   ========================================================= */

.elementor-element-86967f6
.wpc-filter-header::after{
    content:"";

    position:absolute;

    left:5px;
    top:50%;

    width:8px;
    height:8px;

    border-left:
        2px solid var(--f-accent);

    border-bottom:
        2px solid var(--f-accent);

    transform:
        translateY(-65%)
        rotate(-45deg);

    transition:
        transform .22s ease;

    pointer-events:none;
}


.elementor-element-86967f6
.wpc-filters-section.aryo-filter-collapsed
.wpc-filter-header::after{
    transform:
        translateY(-35%)
        rotate(135deg);
}


.elementor-element-86967f6
.wpc-filters-section.aryo-filter-collapsed
> .wpc-filter-content,

.elementor-element-86967f6
.wpc-filters-section.aryo-filter-collapsed
> form{
    display:none !important;
}


/* =========================================================
   CONTENT
   ========================================================= */

.elementor-element-86967f6 .wpc-filter-content{
    margin:0 !important;

    padding:0 0 9px !important;

    background:transparent !important;
}


/* =========================================================
   LIST RESET
   ========================================================= */

.elementor-element-86967f6 ul,
.elementor-element-86967f6 li{
    list-style:none !important;
}


.elementor-element-86967f6
.wpc-filters-ul-list{
    width:100% !important;

    margin:0 !important;
    padding:0 !important;

    background:transparent !important;
}


.elementor-element-86967f6
.wpc-filters-ul-list > li{
    width:100% !important;

    margin:0 0 5px !important;
    padding:0 !important;

    background:transparent !important;
}


.elementor-element-86967f6
.wpc-filters-ul-list > li:last-child{
    margin-bottom:0 !important;
}


/* =========================================================
   FILTER ITEM
   ========================================================= */

.elementor-element-86967f6
.wpc-term-item-content-wrapper{
    display:flex !important;

    align-items:center !important;

    width:100% !important;

    min-height:36px;

    margin:0 !important;
    padding:0 !important;

    background:transparent !important;
}


/* =========================================================
   CHECKBOX
   ========================================================= */

.elementor-element-86967f6
.wpc-term-item-content-wrapper
> input[type="checkbox"]{
    appearance:none !important;
    -webkit-appearance:none !important;

    position:relative;

    flex:0 0 18px;

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

    margin:0 0 0 8px !important;
    padding:0 !important;

    background:#E4E4E4 !important;

    border:
        1.4px solid #777 !important;

    border-radius:4px !important;

    box-shadow:none !important;

    cursor:pointer;

    transition:.18s ease;
}


.elementor-element-86967f6
.wpc-term-item-content-wrapper
> input[type="checkbox"]:hover{
    border-color:
        var(--f-accent) !important;
}


.elementor-element-86967f6
.wpc-term-item-content-wrapper
> input[type="checkbox"]:checked{
    background:
        var(--f-accent) !important;

    border-color:
        var(--f-accent) !important;
}


.elementor-element-86967f6
.wpc-term-item-content-wrapper
> input[type="checkbox"]:checked::after{
    content:"";

    position:absolute;

    left:5px;
    top:2px;

    width:5px;
    height:9px;

    border:solid #fff;

    border-width:
        0 2px 2px 0;

    transform:rotate(45deg);
}


/* =========================================================
   TERM BOX
   ========================================================= */

.elementor-element-86967f6
.wpc-term-item-content-wrapper > label{
    display:flex !important;

    align-items:center !important;

    flex:1 1 auto;

    min-width:0;
    min-height:36px;

    margin:0 !important;

    padding:5px 9px !important;

    background:#D9D9D9 !important;

    border:
        1px solid #CBCBCB !important;

    border-radius:6px !important;

    color:#303030 !important;

    font-family:"Farhang",sans-serif !important;

    font-size:11.5px !important;
    font-weight:500 !important;

    line-height:1.5 !important;

    cursor:pointer;

    transition:
        background .18s ease,
        border-color .18s ease;
}


.elementor-element-86967f6
.wpc-term-item-content-wrapper:hover > label{
    background:#D3D3D3 !important;

    border-color:
        rgba(13,167,184,.35) !important;
}


/* =========================================================
   ENGLISH NAMES
   ========================================================= */

.elementor-element-86967f6
.wpc-filter-link{
    display:flex !important;

    align-items:center;

    justify-content:flex-start;

    flex:1 1 auto;

    min-width:0;

    margin:0 !important;
    padding:0 !important;

    direction:ltr !important;
    text-align:left !important;

    color:#303030 !important;

    font-family:"Farhang",sans-serif !important;

    font-size:11.5px !important;
    font-weight:500 !important;

    text-decoration:none !important;
}


.elementor-element-86967f6
.wpc-term-name{
    display:block;

    flex:1;

    min-width:0;

    direction:ltr !important;
    text-align:left !important;

    color:#303030 !important;

    font-weight:500 !important;

    white-space:normal;

    overflow-wrap:anywhere;
}


/* =========================================================
   REMOVE BRAND IMAGES
   ========================================================= */

.elementor-element-86967f6
.wpc-filter-product_brand
.wpc-term-image-wrapper,

.elementor-element-86967f6
.wpc-filter-product_brand
.wpc-term-image-wrapper img{
    display:none !important;
}


/* =========================================================
   COUNTS
   بسیار خواناتر
   ========================================================= */

.elementor-element-86967f6
.wpc-term-count{
    display:inline-flex !important;

    align-items:center;

    justify-content:center;

    flex:0 0 auto;

    min-width:24px;

    margin:0 0 0 7px !important;

    padding:2px 5px !important;

    direction:ltr !important;

    background:#CACACA !important;

    border:
        1px solid #BFBFBF !important;

    border-radius:20px;

    color:#4A4A4A !important;

    opacity:1 !important;

    font-family:Arial,sans-serif !important;

    font-size:9px !important;
    font-weight:600 !important;

    line-height:1.3 !important;
}


.elementor-element-86967f6
.wpc-term-count-value,

.elementor-element-86967f6
.wpc-term-count-brackets-open,

.elementor-element-86967f6
.wpc-term-count-brackets-close{
    color:#4A4A4A !important;

    opacity:1 !important;

    font-size:9px !important;

    visibility:visible !important;
}


/* =========================================================
   SELECTED
   ========================================================= */

.elementor-element-86967f6
.wpc-term-selected
.wpc-term-item-content-wrapper > label{
    background:#CDE1E3 !important;

    border-color:
        rgba(13,167,184,.48) !important;
}


.elementor-element-86967f6
.wpc-term-selected .wpc-filter-link,

.elementor-element-86967f6
.wpc-term-selected .wpc-term-name{
    color:#075E67 !important;

    font-weight:700 !important;
}


/* =========================================================
   SEARCH
   ========================================================= */

.elementor-element-86967f6
.wpc-filter-search-wrapper,

.elementor-element-86967f6
.wpc-search-field-wrapper{
    position:relative;

    width:100%;

    margin:0 0 8px !important;

    padding:0 !important;

    background:transparent !important;
}


.elementor-element-86967f6
.wpc-filter-search-field,

.elementor-element-86967f6
.wpc-search-field{
    width:100% !important;

    height:38px !important;
    min-height:38px !important;

    margin:0 !important;

    padding:0 34px !important;

    background:#D7D7D7 !important;

    color:#202020 !important;

    border:
        1px solid #C5C5C5 !important;

    border-radius:7px !important;

    outline:none !important;

    box-shadow:none !important;

    font-family:"Farhang",sans-serif !important;

    font-size:11px !important;
}


.elementor-element-86967f6
.wpc-filter-search-field::placeholder,

.elementor-element-86967f6
.wpc-search-field::placeholder{
    color:#626262 !important;
    opacity:1 !important;
}


.elementor-element-86967f6
.wpc-filter-search-field:focus,

.elementor-element-86967f6
.wpc-search-field:focus{
    background:#DCDCDC !important;

    border-color:
        var(--f-accent) !important;
}


/* =========================================================
   SEARCH ICON
   ========================================================= */

.elementor-element-86967f6
.wpc-search-icon{
    position:absolute;

    right:12px !important;
    left:auto !important;

    top:50%;

    z-index:2;

    width:13px;
    height:13px;

    transform:translateY(-50%);

    border:1.6px solid #4F4F4F;

    border-radius:50%;

    pointer-events:none;
}


.elementor-element-86967f6
.wpc-search-icon::after{
    content:"";

    position:absolute;

    left:-4px;
    bottom:-2px;

    width:6px;
    height:1.5px;

    background:#4F4F4F;

    transform:rotate(-45deg);
}


/* =========================================================
   CLEAR SEARCH
   ========================================================= */

.elementor-element-86967f6
.wpc-search-clear,

.elementor-element-86967f6
.wpc-search-clear-icon-wrapper{
    background:transparent !important;
}


.elementor-element-86967f6
.wpc-search-clear-icon{
    color:#555 !important;

    opacity:1 !important;
}


/* =========================================================
   SEE MORE / LESS
   ========================================================= */

.elementor-element-86967f6
.wpc-see-more-control,

.elementor-element-86967f6
.wpc-see-less-control{
    width:auto !important;

    margin:7px 0 2px !important;
    padding:0 !important;

    background:transparent !important;

    border:0 !important;

    color:#06727C !important;

    font-family:"Farhang",sans-serif !important;

    font-size:0 !important;
    font-weight:700 !important;

    line-height:1.5 !important;

    text-decoration:none !important;
}


.elementor-element-86967f6
.wpc-filters-section
.wpc-see-more-control,

.elementor-element-86967f6
.wpc-filters-section
.wpc-see-less-control{
    display:none !important;
}


.elementor-element-86967f6
.wpc-filters-section.wpc-show-less
.wpc-see-more-control{
    display:inline-flex !important;
}


.elementor-element-86967f6
.wpc-filters-section.wpc-show-less
.wpc-see-less-control{
    display:none !important;
}


.elementor-element-86967f6
.wpc-filters-section:not(.wpc-show-less)
.wpc-see-more-control{
    display:none !important;
}


.elementor-element-86967f6
.wpc-filters-section:not(.wpc-show-less)
.wpc-see-less-control{
    display:inline-flex !important;
}


.elementor-element-86967f6
.wpc-see-more-control::after{
    content:"مشاهده بیشتر";

    font-size:10.5px;
}


.elementor-element-86967f6
.wpc-see-less-control::after{
    content:"مشاهده کمتر";

    font-size:10.5px;
}


/* =========================================================
   CHIPS
   ========================================================= */

.elementor-element-86967f6
.wpc-filter-chips-list{
    display:flex;

    flex-wrap:wrap;

    gap:5px;

    margin:0 0 8px !important;
    padding:0 !important;

    background:transparent !important;
}


.elementor-element-86967f6
.wpc-filter-chips-list li{
    background:transparent !important;
}


.elementor-element-86967f6
.wpc-filter-chips-list a{
    display:inline-flex !important;

    align-items:center;

    margin:0 !important;

    padding:4px 7px !important;

    background:#D4D4D4 !important;

    border:1px solid #C3C3C3 !important;

    border-radius:6px !important;

    color:#303030 !important;

    font-size:9px !important;

    text-decoration:none !important;
}


/* =========================================================
   ADMIN LINK
   ========================================================= */

.elementor-element-86967f6
.wpc-edit-filter-set{
    display:none !important;
}


/* =========================================================
   OPEN FILTER BUTTON
   ========================================================= */

.elementor-element-86967f6
.wpc-filters-open-button-container{
    width:100%;

    margin:0 !important;
    padding:0 !important;

    background:transparent !important;
}


.elementor-element-86967f6
.wpc-filters-open-widget{
    display:flex !important;

    align-items:center !important;
    justify-content:center !important;

    gap:8px;

    width:auto !important;

    min-width:108px;
    min-height:44px;

    margin:0 !important;

    padding:0 14px !important;

    background:#E4E4E4 !important;

    border:
        1px solid #AFAFAF !important;

    border-radius:9px !important;

    box-shadow:none !important;

    color:#202020 !important;

    font-family:"Farhang",sans-serif !important;

    font-size:12px !important;
    font-weight:700 !important;

    text-decoration:none !important;
}


.elementor-element-86967f6
.wpc-filters-open-widget:hover{
    background:#DADADA !important;

    border-color:#999 !important;
}


/* فارسی کردن */

.elementor-element-86967f6
.wpc-filters-button-text{
    font-size:0 !important;
}


.elementor-element-86967f6
.wpc-filters-button-text::after{
    content:"فیلترها";

    color:#202020;

    font-size:12px;
    font-weight:700;
}


/* =========================================================
   FILTER ICON
   ========================================================= */

.elementor-element-86967f6
.wpc-filters-open-widget
.wpc-icon-html-wrapper{
    position:relative;

    display:flex !important;

    flex-direction:column;

    justify-content:center;

    gap:4px;

    width:18px;
    height:18px;
}


.elementor-element-86967f6
.wpc-filters-open-widget
.wpc-icon-html-wrapper > span{
    position:relative !important;

    display:block !important;

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

    margin:0 !important;

    background:#333 !important;

    border:0 !important;
}


/* =========================================================
   MOBILE DRAWER
   REMOVE ALL WHITE PATCHES
   ========================================================= */

.elementor-element-86967f6
.wpc-widget-close-container,

.elementor-element-86967f6
.wpc-filters-widget-controls-container,

.elementor-element-86967f6
.wpc-filters-widget-controls-wrapper,

.elementor-element-86967f6
.wpc-filters-widget-controls-item,

.elementor-element-86967f6
.wpc-filters-scroll-container,

.elementor-element-86967f6
.wpc-filters-widget-wrapper,

.elementor-element-86967f6
.wpc-filters-widget-containers-wrapper,

.elementor-element-86967f6
.wpc-filters-widget-top-container,

.elementor-element-86967f6
.wpc-widget-top-inside{
    background:#E4E4E4 !important;
}


/* popup title */

.elementor-element-86967f6
.wpc-widget-close-container{
    border-bottom:
        1px solid #C7C7C7 !important;

    box-shadow:none !important;
}


.elementor-element-86967f6
.wpc-widget-popup-title{
    color:#202020 !important;

    font-family:"Farhang",sans-serif !important;

    font-size:0 !important;

    font-weight:800 !important;
}


.elementor-element-86967f6
.wpc-widget-popup-title::after{
    content:"فیلترها";

    font-size:16px;
}


/* close icon */

.elementor-element-86967f6
.wpc-widget-close-icon{
    background:transparent !important;
}


/* =========================================================
   MOBILE FOOTER ACTIONS
   ========================================================= */

.elementor-element-86967f6
.wpc-filters-widget-controls-container{
    background:#E4E4E4 !important;

    border-top:
        1px solid #C3C3C3 !important;

    box-shadow:
        0 -4px 12px rgba(0,0,0,.05) !important;

    z-index:999999 !important;
}


.elementor-element-86967f6
.wpc-filters-widget-controls-wrapper{
    display:flex !important;

    gap:8px;

    margin:0 !important;

    padding:10px 12px !important;
}


.elementor-element-86967f6
.wpc-filters-widget-controls-item{
    flex:1;

    margin:0 !important;
    padding:0 !important;
}


/* APPLY */

.elementor-element-86967f6
.wpc-filters-apply-button{
    display:flex !important;

    align-items:center !important;
    justify-content:center !important;

    width:100% !important;

    min-height:44px;

    margin:0 !important;

    padding:5px 10px !important;

    background:#0DA7B8 !important;

    border:
        1px solid #0DA7B8 !important;

    border-radius:8px !important;

    color:#fff !important;

    font-family:"Farhang",sans-serif !important;

    font-size:0 !important;
    font-weight:700 !important;

    text-decoration:none !important;

    pointer-events:auto !important;

    cursor:pointer !important;
}


.elementor-element-86967f6
.wpc-filters-apply-button::before{
    content:"اعمال فیلترها";

    color:#fff;

    font-size:12px;
}


/* product result number */

.elementor-element-86967f6
.wpc-filters-found-posts-wrapper,

.elementor-element-86967f6
.wpc-filters-found-posts{
    color:#fff !important;

    font-size:10px !important;
}


/* CLOSE */

.elementor-element-86967f6
.wpc-filters-close-button{
    display:flex !important;

    align-items:center !important;
    justify-content:center !important;

    width:100% !important;

    min-height:44px;

    margin:0 !important;

    padding:5px 10px !important;

    background:#D1D1D1 !important;

    border:
        1px solid #B5B5B5 !important;

    border-radius:8px !important;

    color:#252525 !important;

    font-family:"Farhang",sans-serif !important;

    font-size:0 !important;

    text-decoration:none !important;
}


.elementor-element-86967f6
.wpc-filters-close-button::after{
    content:"بستن";

    font-size:12px;
    font-weight:600;
}


/* =========================================================
   PLUGIN OVERLAY
   ========================================================= */

.wpc-filters-overlay{
    background:
        rgba(32,32,32,.45) !important;
}


/* =========================================================
   SPINNER AREA
   ========================================================= */

.elementor-element-86967f6
.wpc-spinner{
    background-color:transparent !important;
}


/* =========================================================
   REMOVE WHITE FROM BUTTONS / INPUTS
   ========================================================= */

.elementor-element-86967f6 button,
.elementor-element-86967f6 input,
.elementor-element-86967f6 form{
    box-shadow:none !important;
}


/* =========================================================
   DUPLICATES
   ========================================================= */

.aryo-filter-duplicate{
    display:none !important;
}


/* =========================================================
   TABLET
   ========================================================= */

@media
(min-width:768px)
and
(max-width:1024px){

    .elementor-element-86967f6
    .wpc-filters-widget-content{
        padding:
            15px 15px 7px !important;

        border-radius:
            12px !important;
    }


    .elementor-element-86967f6
    .wpc-filter-header{
        min-height:46px;
    }


    .elementor-element-86967f6
    .wpc-filter-title{
        font-size:
            12.5px !important;
    }


    .elementor-element-86967f6
    .wpc-filter-link,

    .elementor-element-86967f6
    .wpc-term-item-content-wrapper > label{
        font-size:
            11px !important;
    }
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width:767px){

    /* mobile trigger */

    .elementor-element-86967f6
    .wpc-filters-open-button-container{
        display:flex;

        justify-content:flex-start;

        background:transparent !important;
    }


    .elementor-element-86967f6
    .wpc-filters-open-widget{
        width:auto !important;

        min-width:108px;

        min-height:44px;

        padding:
            0 14px !important;

        background:
            #E4E4E4 !important;

        border-radius:
            9px !important;
    }


    /* main popup */

    .elementor-element-86967f6
    .wpc-filters-widget-content{
        margin:0 !important;

        padding:
            12px 14px 8px !important;

        background:
            #E4E4E4 !important;

        border:0 !important;

        border-radius:
            0 !important;

        box-shadow:none !important;
    }


    /* هر لایه popup */

    .elementor-element-86967f6
    .wpc-filters-widget-content > *,

    .elementor-element-86967f6
    .wpc-filters-widget-containers-wrapper,

    .elementor-element-86967f6
    .wpc-filters-scroll-container,

    .elementor-element-86967f6
    .wpc-filters-widget-wrapper,

    .elementor-element-86967f6
    .wpc-filters-widget-top-container,

    .elementor-element-86967f6
    .wpc-widget-top-inside,

    .elementor-element-86967f6
    .wpc-inner-widget-chips-wrapper{
        background:
            #E4E4E4 !important;
    }


    .elementor-element-86967f6
    .wpc-filter-set-widget-title
    .widgettitle{
        padding-bottom:
            7px !important;
    }


    .elementor-element-86967f6
    .wpc-filter-set-widget-title
    .widgettitle::after{
        font-size:16px;
    }


    .elementor-element-86967f6
    .wpc-filter-header{
        min-height:45px;
    }


    .elementor-element-86967f6
    .wpc-filter-title{
        padding-left:
            24px !important;

        font-size:
            12px !important;
    }


    .elementor-element-86967f6
    .wpc-term-item-content-wrapper{
        min-height:37px;
    }


    .elementor-element-86967f6
    .wpc-term-item-content-wrapper > label{
        min-height:37px;

        padding:
            5px 8px !important;

        font-size:
            11px !important;
    }


    .elementor-element-86967f6
    .wpc-filter-link{
        font-size:
            11px !important;
    }


    .elementor-element-86967f6
    .wpc-term-count{
        min-width:22px;

        padding:
            2px 4px !important;

        color:#444 !important;

        font-size:
            9px !important;
    }


    .elementor-element-86967f6
    .wpc-term-count-value,

    .elementor-element-86967f6
    .wpc-term-count-brackets-open,

    .elementor-element-86967f6
    .wpc-term-count-brackets-close{
        color:#444 !important;

        font-size:
            9px !important;
    }


    .elementor-element-86967f6
    .wpc-term-item-content-wrapper
    > input[type="checkbox"]{
        flex-basis:18px;

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

        margin-left:
            7px !important;
    }


    .elementor-element-86967f6
    .wpc-filter-search-field,

    .elementor-element-86967f6
    .wpc-search-field{
        height:38px !important;

        min-height:38px !important;

        background:
            #D5D5D5 !important;
    }


    /* sticky actions */

    .elementor-element-86967f6
    .wpc-filters-widget-controls-container{
        position:sticky !important;

        left:0;
        right:0;
        bottom:0 !important;

        width:100% !important;

        background:
            #E4E4E4 !important;

        pointer-events:auto !important;
    }


    /* جلوگیری از سفید شدن wrapper */

    body .wpc-filters-widget-content,
    body .wpc-filters-widget-containers-wrapper,
    body .wpc-filters-scroll-container{
        background:
            #E4E4E4 !important;
    }
}
</style>


<script>
document.addEventListener(
    'DOMContentLoaded',
    function(){

        const ROOT =
            '.elementor-element-86967f6';


        /* =========================================
           COLLAPSE
           ========================================= */

        document.addEventListener(
            'click',
            function(e){

                const header =
                    e.target.closest(
                        ROOT +
                        ' .wpc-filter-header'
                    );

                if(!header){
                    return;
                }


                const section =
                    header.closest(
                        '.wpc-filters-section'
                    );

                if(!section){
                    return;
                }


                section.classList.toggle(
                    'aryo-filter-collapsed'
                );


                header.setAttribute(
                    'aria-expanded',

                    section.classList.contains(
                        'aryo-filter-collapsed'
                    )
                    ? 'false'
                    : 'true'
                );

            }
        );


        /* =========================================
           MORE / LESS
           ========================================= */

        function syncMoreLess(){

            document
                .querySelectorAll(
                    ROOT +
                    ' .wpc-filter-more-less'
                )
                .forEach(
                    function(section){

                        const more =
                            section.querySelector(
                                '.wpc-see-more-control'
                            );

                        const less =
                            section.querySelector(
                                '.wpc-see-less-control'
                            );


                        if(
                            !more ||
                            !less
                        ){
                            return;
                        }


                        const collapsed =
                            section.classList.contains(
                                'wpc-show-less'
                            );


                        more.style.setProperty(
                            'display',
                            collapsed
                            ? 'inline-flex'
                            : 'none',
                            'important'
                        );


                        less.style.setProperty(
                            'display',
                            collapsed
                            ? 'none'
                            : 'inline-flex',
                            'important'
                        );

                    }
                );
        }


        /* =========================================
           PERSIAN LABELS
           ========================================= */

        function translateUI(){

            document
                .querySelectorAll(
                    ROOT +
                    ' .wpc-filters-button-text'
                )
                .forEach(
                    function(el){

                        if(
                            el.textContent.trim() !==
                            'فیلترها'
                        ){
                            el.textContent =
                                'فیلترها';
                        }

                    }
                );


            document
                .querySelectorAll(
                    ROOT +
                    ' .wpc-widget-popup-title'
                )
                .forEach(
                    function(el){

                        if(
                            el.textContent.trim() !==
                            'فیلترها'
                        ){
                            el.textContent =
                                'فیلترها';
                        }

                    }
                );

        }


        /* =========================================
           REMOVE DUPLICATE MOBILE TRIGGERS
           فقط داخل همین Elementor widget
           ========================================= */

        function removeDuplicates(){

            const widget =
                document.querySelector(ROOT);

            if(!widget){
                return;
            }


            const buttons =
                widget.querySelectorAll(
                    '.wpc-filters-open-button-container'
                );


            buttons.forEach(
                function(button){

                    button.classList.remove(
                        'aryo-filter-duplicate'
                    );

                }
            );


            if(
                window.innerWidth <= 767 &&
                buttons.length > 1
            ){

                buttons.forEach(
                    function(button,index){

                        if(index > 0){

                            button.classList.add(
                                'aryo-filter-duplicate'
                            );

                        }

                    }
                );
            }

        }


        /* =========================================
           FORCE MOBILE BACKGROUND
           ========================================= */

        function fixMobileBackground(){

            if(
                window.innerWidth > 767
            ){
                return;
            }


            const selectors = [

                ROOT +
                ' .wpc-filters-widget-content',

                ROOT +
                ' .wpc-filters-widget-containers-wrapper',

                ROOT +
                ' .wpc-filters-scroll-container',

                ROOT +
                ' .wpc-filters-widget-wrapper',

                ROOT +
                ' .wpc-widget-close-container',

                ROOT +
                ' .wpc-filters-widget-controls-container',

                ROOT +
                ' .wpc-filters-widget-controls-wrapper',

                ROOT +
                ' .wpc-filters-widget-top-container'
            ];


            document
                .querySelectorAll(
                    selectors.join(',')
                )
                .forEach(
                    function(el){

                        el.style.setProperty(
                            'background',
                            '#E4E4E4',
                            'important'
                        );

                        el.style.setProperty(
                            'background-color',
                            '#E4E4E4',
                            'important'
                        );

                    }
                );

        }


        /* =========================================
           INIT
           ========================================= */

        function init(){

            syncMoreLess();

            translateUI();

            removeDuplicates();

            fixMobileBackground();

        }


        init();


        /* =========================================
           AJAX OBSERVER
           ========================================= */

        let rafPending = false;


        const observer =
            new MutationObserver(
                function(){

                    if(rafPending){
                        return;
                    }


                    rafPending = true;


                    requestAnimationFrame(
                        function(){

                            rafPending = false;

                            init();

                        }
                    );

                }
            );


        observer.observe(
            document.body,
            {
                subtree:true,
                childList:true,
                attributes:true,
                attributeFilter:[
                    'class'
                ]
            }
        );


        window.addEventListener(
            'resize',
            function(){

                removeDuplicates();

                fixMobileBackground();

            }
        );

    }
);
</script>