// DIRECTIONAL
// ---------------------------------------------------------------
$rtl: 0 !default;
$dir: ltr !default;

@import "../theme/theme-imports";

// Woocommerce active filters widget
.widget_layered_nav_filters {
    ul {
        @include clearfix;
        li {
            float: $left;
            a {
                position: relative;
                background-color: var(--porto-light-dark-5);
                padding: 4px 40px 4px 20px;
                margin-#{$right}: .8571em;
                margin-bottom: .8571em;
                &:before,
                &:after {
                    position: absolute;
                    top: 50%;
                }
                &:before {
                    content: '';
                    right: 10px;
                    width: 22px;
                    height: 22px;
                    background: #fff;
                    border-radius: 50%;
                    transform: translateY(-50%);
                    border: 1px solid var(--porto-gray-2);
                }
                &:after {
                    font-family: var(--fa-style-family-classic, "Font Awesome 6 Free"); 
                    font-weight: 900;
                    content: $fa-var-times;
                    color: var(--porto-dark-light-10);
                    right: 21px;
                    line-height: 1em;
                    transform: translate(50%, -50%);
                }
                &:hover,
                &:hover:after {
                    color: var(--porto-dark-color) !important;
                }
            }
        }
    }
}