//------------------//
// Magsparrow - Lib //
//------------------//
// This library is required for all styles.
// Do not remove this.
$magsparrow-render-styles: false;
@import '../../../web/css/magsparrow-lib';
//------------------//

.block.filter {
    margin-bottom: $indent-xl;
    .filter-title {
        margin-bottom: $indent-base;
        strong {
            font-size: 18px;
        }
    }
}
.filter-subtitle {
    display: none;
}

.filter-options-content {
    .filter-count-label {
        @include visually-hidden();
    }
}
.filter-options {
    margin: 0;
    .filter-options-title {
        @include responsive-text-size('gamma');
        margin: 0 0 $indent-s;
        word-break: break-all;
    }
    .filter-options-content {
        margin: 0 0 $indent-m;
        .item {
            margin-bottom: 3px;
        }
    }
    .count {
        &:before {
            content: '(';
        }
        &:after {
            content: ')';
        }
    }
}
.items {
    @include reset-list();
}
.filtered {
    .items {
        margin: 15px 0;
    }
    .item {
        position: relative;
        padding-left: 22px;
        margin-bottom: 6px;
        .label {
        }
        .action.remove {
            // @toDo icon  @icon-remove,
            position: absolute;
            left: -6px;
            top: 0;
        }
    }
    & + .actions {
        margin-bottom: 35px;
    }
}


//
//  Mobile
//  _____________________________________________

@include respond-to('lib-tweakpoints-small-range') {
    .page-with-filter {
        .columns {
            .sidebar-main {
               order: 0;
            }
        }
    }
}
