.catalog-filter {
    margin-top: 40px;
    width: 280px;
    @media all and (max-width: get('layout.responsive.desktop')) {
        width: 200px;
    }
    @media all and (max-width: get('layout.responsive.tablet')) {
        width: 100%;
        margin-top: 0;
        .mobile-aside {
            margin-top: 20px;
            max-height: 0;
            overflow: hidden;
            transition: get('transition');
        }
    }
    &-color {
        &-wrapper {
            font-size: 0;
            overflow-x: hidden;
            overflow-y: auto;
            max-height: 200px;
        }
        input[type=radio] {
            display: none;
        }
    }
    &-size {
        &-wrapper {
            margin: 0 -6px;
            label {
                margin: 0 3px 6px;
            }
        }
        input[type=radio] {
            display: none;
        }
    }
    &-item {
        border-bottom: 1px solid get('colors.black.100');
        margin-bottom: 15px;
        padding-bottom: 20px;
        &.last {
            border: none;
        }
    }
    &-brand {
        .checkbox {
            margin-bottom: 7px;
        }
    }
    &-price {
        padding-bottom: 40px;
    }
    form {
        margin-bottom: 50px;
        .btn {
            min-width: unset;
            display: flex;
            width: 100%;
        }
    }
    .action-mobile-aside-toggle {
        display: none;
        @media all and (max-width: get('layout.responsive.tablet')) {
            display: flex;
        }
        &.open {
            +.mobile-aside {
                max-height: 2600px;
            }
        }
    }
    @media all and (max-width: get('layout.responsive.tablet')) {
        .aside-links {
            display: none;
        }
    }
}

.aside-product-filters {
    h3 {
        font: 800 normal rem(12px) / rem(18px) get('font.family');
        text-transform: uppercase;
    }
    ul {
        padding: 0;
    }
    .bapf_sfilter {
        margin: 0;
    }
    .btn {
        position: relative;
        button,
        .bapf_body {
            width: 100%;
            position: absolute;
            top: 0;
            left: 0;
            bottom: 0;
            right: 0;
        }
        button {
            font: 500 normal rem(14px) / rem(21px) get('font.family') !important;
            text-transform: uppercase;
            margin: 0 auto;
        }
        text-align: center;
        color: get('colors.black.400');
        width: 100%;
        min-width: unset;
        margin-bottom: 15px;
    }
    .berocket_single_filter_widget {
        margin-bottom: 15px;
        &:nth-last-child(2),
        &:nth-last-child(1) {
            border: none;
            margin-bottom: 0;
            padding-bottom: 0;
        }
        &:nth-last-child(2) {
            margin-bottom: 40px;
        }
        .filter-price,
        .filter-brands,
        .filter-color {
            padding-bottom: 20px;
            border-bottom: 1px solid get('colors.black.100');
        }
        // &:nth-child(3) {
        //     padding-bottom: 0;
        // }
    }
}

[data-taxonomy=pa_size] {
    ul {
        display: flex;
        flex-wrap: wrap;
        li {
            margin: 0 5px 5px 0 !important;
            label {
                font: 400 normal rem(11px) / 27px get('font.family');
                text-align: center;
                color: get('colors.black.300');
                border: 1px solid get('colors.black.100');
                width: 27px;
                height: 27px;
            }
            &.checked label {
                border: 1px solid get('colors.primary.400');
                color: get('colors.primary.400');
            }
        }
    }
}

[data-taxonomy=pa_color] {
    .bapf_clr_span_abslt {
        display: none;
    }
    .bapf_body ul {
        margin: 0 -6px;
        padding: 0;
        display: block;
        li {
            position: relative;
            .bapf_clr_span {
                transform: none !important;
            }
            &.checked {
                label:before {
                    content: '';
                    display: block;
                    width: 10px;
                    height: 8px;
                    z-index: 1;
                    position: absolute;
                    left: 50%;
                    top: 50%;
                    transform: translate(-50%, -50%);
                    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 8'%3E%3Cpath d='M1 3L4 6L9 1' stroke-width='2' fill='none' stroke='%23fff' /%3E%3C/svg%3E");
                }
            }
            label {
                width: 34px;
                height: 34px;
                &.wide-2 {
                    width: 68px;
                }
                &.wide-3 {
                    width: 102px;
                }
                &.wide-4 {
                    width: 136px;
                }
                >span {
                    position: absolute;
                    margin: 0;
                    top: 4px;
                    left: 4px;
                    right: 4px;
                    bottom: 4px;
                    width: unset !important;
                    height: unset !important;
                }
            }
        }
    }
}

[data-taxonomy=product_brand] {
    ul {
        li {
            margin-bottom: 10px !important;
            &:last-child {
                margin-bottom: 0 !important;
            }
            label {
                vertical-align: top !important;
            }
        }
    }
}

.bapf_sfilter.bapf_button_berocket .bapf_button {
    background: none!important;
    padding: 0 !important;
    &:focus {
        outline: none;
    }
}

.bapf_sfilter.bapf_divi_button .bapf_button {
    background: none!important;
    padding: 0 !important;
    border: none !important;
    &:focus {
        outline: none;
    }
}

.aside-product-filters {
    .bapf_slidr_main.ui-widget-content,
    .berocket_filter_price_slider.ui-widget-content {
        background-color: #EFEFEF;
    }
    .bapf_slidr_main.ui-widget-content .ui-slider-range,
    .berocket_filter_price_slider.ui-widget-content .ui-slider-range {
        background-color: #323232;
    }
    .ui-slider .ui-slider-handle {
        background-color: get('colors.primary.400');
        border-radius: 0 !important;
        top: -4px !important;
    }
    .bapf_slidr_jqrui {
        .bapf_val,
        .bapf_tbprice {
            font: 500 normal rem(12px) / rem(24px) get('font.family') !important;
            color: #2D2D2D;
        }
        .barf_to,
        .bapf_from {
            width: 50%;
        }
    }
}

form.woocommerce-ordering {
    display: flex;
}