/**
This style sheet is for category page header and filters
*/

.page-search .container-fluid,
.page-best-sales .container-fluid,
.page-category .container-fluid,
.page-prices-drop .container-fluid,
.page-manufacturer .container-fluid,
.page-new-products .container-fluid {
    max-width: 1440px;
}
@media (min-width: 1280px) {
    .page-category .container,
    .page-prices-drop .container,
    .page-best-sales .container,
    .page-search .container,
    .page-new-products .container {
        width: 1440px;
        max-width: 100%;
    }
}

/** 
    header block 
*/

.page-category #wrapper,
.page-prices-drop #wrapper,
.page-new-products #wrapper,
.page-best-sales #wrapper,
.page-manufacturer #wrapper,
.page-search #wrapper {
    padding-top: 70.8px;
    background-color: #fff;
}

/* breadcrumb */
.breadcrumb-container {
    padding: 0;
}
#wrapper .breadcrumb {
    margin-bottom: 1.5rem;
}
#wrapper .breadcrumb li:after {
    content: ">";
    color: var(--basic-light-600);
    margin: 0.3125rem;
}
#wrapper .breadcrumb li a:hover {
    color: var(--basic-light-900);
}

/* Title & overlay */
.page-category .block-category,
.page-prices-drop .block-category,
.page-new-products .block-category,
.page-best-sales .block-category,
.page-manufacturer .block-category,
.page-search .block-category {
    display: block;
    background-size: cover;
    background-position-x: 100%;
    min-height: auto;
    border-radius: 0;
    min-height: auto;
    box-shadow: none;
    border: none;
}
.page-category .block-category .overlay,
.page-prices-drop .block-category .overlay,
.page-new-products .block-category .overlay,
.page-best-sales .block-category .overlay,
.page-manufacturer .block-category .overlay,
.page-search .block-category .overlay {
    border-radius: 0 30rem 30rem 0;
    background-color: #ffffffe6;
    padding: 1.5rem 4rem 1rem 0;
    text-align: left;
    position: relative;
}
.page-category .block-category .overlay:before,
.page-prices-drop .block-category .overlay:before,
.page-new-products .block-category .overlay:before,
.page-best-sales .block-category .overlay:before,
.page-manufacturer .block-category .overlay:before,
.page-search .block-category .overlay:before {
    content: "";
    background: #ffffffe6;
    width: 2000px;
    height: 100%;
    position: absolute;
    top: 0;
    left: -2000px;
}
.page-category .block-category h1,
.page-prices-drop .block-category h1,
.page-new-products .block-category h1,
.page-best-sales .block-category h1,
.page-manufacturer .block-category h1,
.page-search .block-category h1 {
    font-family: sanaSansBlack;
    color: var(--basic-light-700);
    font-size: 24px;
    text-transform: none;
    font-weight: 400;
    text-align: left;
    margin-bottom: 1rem;
}
.page-category .block-category h1 span,
.page-prices-drop .block-category h1 span,
.page-new-products .block-category h1 span,
.page-best-sales .block-category h1 span,
.page-manufacturer .block-category h1 span,
.page-search .block-category h1 span {
    margin-left: 6px;
    font-family: sanaSansMedium;
}

.product-miniature .product-pictos img {
    width: 24px;
}

/* category tree */
.block-categories {
    background-color: initial;
    padding: 0;
    margin: 0;
    border-radius: 0;
}
.block-categories .category-top-menu>li>.category-sub-menu {
    margin-top: 0;
}
.block-categories .category-sub-menu>li {
    display: inline-block;
    margin-right: 10px;
    margin-bottom: 10px;
}
.block-categories .category-sub-menu>li[data-depth="0"] {
    border: none;
}
.block-categories .category-sub-menu li[data-depth="0"]>a {
    border: 1px solid var(--basic-light-700);
    padding: 5px 10px;
    margin: 0;
    font-weight: 400;
    border-radius: 2rem;
}
.block-categories .category-sub-menu li[data-depth="0"]>a:hover,
.block-categories .category-sub-menu li[data-depth="0"]>a:focus,
.block-categories .category-sub-menu li.subcat-open>a {
    /* color: var(--primary-01-light-500);
    border-color: var(--primary-01-light-500); */
    background-color: var(--basic-light-200);
}
.block-categories .category-name {
    width: auto;
    color: var(--basic-light-700);
}
.block-categories .category-sub-menu li[data-depth="0"]>a:hover .category-name,
.block-categories .category-sub-menu li[data-depth="0"]>a:focus .category-name {
    /* color: var(--primary-01-light-500); */
}

.block-categories,
.page-category .card-block,
.page-prices-drop .card-block {
    border-radius: none;
}

@media screen and (max-width: 767px) {
    #js-product-list-header {
        margin-top: 1rem;
    }
    .page-category .block-category,
    .page-prices-drop .block-category,
    .page-search .block-category,
    .page-manufacturer .block-category,
    .page-new-products .block-category {
        background: none !important;
    }

    .page-category .block-category .overlay,
    .page-prices-drop .block-category .overlay,
    .page-manufacturer .block-category .overlay,
    .page-search .block-category .overlay,
    .page-new-products .block-category .overlay {
        border-radius: 0;
        background-color: transparent;
        padding: 0;
    }
    .page-category .block-category .overlay:before,
    .page-prices-drop .block-category .overlay:before,
    .page-manufacturer .block-category .overlay:before,
    .page-search .block-category .overlay:before,
    .page-new-products .block-category .overlay:before {
        content: none;
    }

    .block-categories {
        white-space: nowrap;
        max-width: calc(100vw - 30px);
        width: 100%;
        overflow-x: auto;
    }
        /* custom scrollbar */
        .block-categories::-webkit-scrollbar {
            height: 6px;
            border-radius: 1rem;
        }
    
        .block-categories::-webkit-scrollbar-track {
            background: var(--basic-light-200);
        }
    
        .block-categories::-webkit-scrollbar-thumb {
            background: var(--basic-light-300);
        }
    
        .block-categories::-webkit-scrollbar-thumb:hover {
            background: var(--basic-light-400);
        }
    
    .page-category .block-category h1 span,
    .page-prices-drop .block-category h1 span,
    .page-manufacturer .block-category h1 span,
    .page-search .block-category h1 span,
    .page-new-products .block-category h1 span {
        display: block;
        margin-right: 0;
        margin-top: 10px;
    }
}

/* filters block */

#search_filters {
    padding: 0;
}

#search_filters .facet-group.inline {
    display: inline-block;
    vertical-align: top;
    padding-right: 10px;
}

.products-sort-order {
    text-align: right;
    padding-right: 0;
}
.products-sort-order .select-title {
    padding: .5rem 1rem;
    width: auto;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

#search_filters .collapsible,
#search_filters .dropdown-toggle,
.products-sort-order .select-title {
    padding-right: 35px;
    color: var(--basic-light-700);
    border: 1px solid var(--basic-light-400);
    background-color: #fff;
    position: relative;
    margin-top: 0;
    font-size: 1rem;
}

#search_filters .dropdown-toggle:hover,
#search_filters .open .dropdown-toggle,
.products-sort-order .select-title:hover,
.products-sort-order .open .select-title {
    background-color: var(--basic-light-200);
}

#search_filters .collapsible .select-arrow,
#search_filters .dropdown-toggle .select-arrow,
.products-sort-order .select-title .select-arrow {
    color: var(--basic-light-400);
    font-size: 1.25rem;
    vertical-align: sub;
    position: absolute;
    right: 10px;
}

#search_filters .dropdown-toggle:after,
.products-sort-order .select-title:after {
    content: none;
}

#search_filters,
#search_filters_brands,
#search_filters_suppliers {
    overflow: initial;
    position: relative;
    margin-bottom: 1rem;
}

#search_filters .faceted-slider {
    margin-bottom: 10px;
}

#search_filters .dropdown-menu {
    min-width: 220px;
}

#search_filters .dropdown-item {
    padding-top: 0;
    padding-bottom: 0;
}

#search_filters .btn-link,
#search_filters .btn-link:focus,
#search_filters .btn-link:hover {
    color: var(--basic-light-700);
    padding-left: 0;
    padding-right: 0;
}

#search_filters #more-facets-button {
    position: relative;
    padding: 0.5rem 35px 0.5rem 1rem;
    background-color: var(--basic-light-200);
    color: var(--basic-light-700);
    border: 1px solid var(--basic-light-400);
    border-radius: 12px;
}
#search_filters #more-facets-button:hover {
    background-color: var(--basic-light-700);
    color: #fff;
}
#search_filters #more-facets-button i {
    position: absolute;
    right: 10px;
}
#search_filters .line-facets {
    white-space: nowrap;
    position: relative;
}

#slider-all-facets .lateralslider-title {
    color: var(--basic-light-700);
    position: sticky;
    top: 0;
    background: var(--basic-light-100);
    z-index: 1;
}
#slider-all-facets .collapsible {
    border-radius: 0;
    padding: 18px 16px;
    border: none;
    border-top: 1px solid var(--basic-light-300);
}
#slider-all-facets .facet-group:first-child .collapsible {
    border: none;
}
#slider-all-facets .faceted-slider {
    margin-bottom: 24px;
}

.active_filters {
    background-color: #fff;
    padding: 0;
}
.active_filters .filter-block {
    background-color: var(--basic-light-400);
}
.active_filters .filter-block a {
    color:#fff;

}
.active_filters .filter-block a i {
    vertical-align: middle;
}

@media screen and (max-width: 992px) {
    #search_filters .facet-group.inline {
        padding-right: 2px;
    }
}

@media screen and (max-width: 991px) {
    .page-category #wrapper, .page-prices-drop #wrapper, .page-new-products #wrapper, .page-best-sales #wrapper, .page-search #wrapper {
        padding-top: 0;
    }
}
@media screen and (max-width: 767px) {
    #search_filters .line-facets {
        text-align: right;
    }
    #search_filters .facet-group.inline {
        padding-right: 0;
        width: 100%;
    }
    #search_filters #more-facets-button {
        background-color: #fff;
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
        width: 100%;
    }
    #search_filters #more-facets-button:hover {
        background-color: var(--basic-light-200);
        color: var(--basic-light-700);
    }

    .products-sort-order {
        text-align: left;
        padding: 0;
    }
    .products-sort-order .btn-group {
        width: 100%;
    }
    .products-sort-order .select-title {
        width: 100%;
    }
    .page-category .products-sort-order .select-title,
    .page-prices-drop .products-sort-order .select-title {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
        border-left: none;
    }
    #mobile_search_filters_clear_all {
        margin-top: 1rem;
    }
    #mobile_search_filters_clear_all button {
        width: 100%;
    }
    
    #mobile_active_filters {
        background: var(--basic-light-200);
        padding-top: 24px;
    }
    .active_filters {
        margin-bottom: 0.5rem;
        background-color: transparent;
    }
    .active_filters .active-filter-title {
        color: var(--basic-light-700);
        margin-bottom: .5rem;
        display: block;
    }
    .active_filters .filter-block {
        margin-bottom: 6px;
        padding: 0.25rem 1rem;
        border: 1px solid var(--basic-light-400);
            background-color: #fff;
    }
    .active_filters .filter-block a{
        color: var(--basic-light-600);
    }
    #mobile_search_filters_clear_all {
        margin: 0;
    }
}

/*
    PAGINATION
*/
.pagination .page-list {
    text-align: center;
    border: 1px solid var(--basic-light-200);
}
.pagination a:not(.previous):not(.next) {
    letter-spacing: initial;
}
.pagination a:not(.previous):not(.next):hover {
    font-weight: bold;   
}
.pagination .page-list li {
    padding: 3px 8px;
    text-align: center;
        display: inline-block;
    vertical-align: middle;
}
.pagination .page-list li.current {
    border: 1px solid var(--basic-light-400);
    background-color: var(--basic-light-200);
    border-radius: 2rem;
    min-width: 27px;
}
.pagination .page-list li.current a {
    color: var(--basic-light-600);
    font-size: inherit;
}
.pagination>div:first-child {
    line-height: initial;
    text-align: center;
}

.pagination a:hover {
    color: var(--basic-light-600);
}
.pagination li a {
    font-weight: normal;
}
.pagination .previous{
    margin-right: 5rem;
}
.pagination .next {
    margin-left: 5rem;
}
.pagination .next i,
.pagination .previous i{
    transform: translateX(0);
    transition: transform 100ms;
    color: var(--basic-light-400);
    font-size: 1.25rem;
    vertical-align: middle;
    display: inline-block;
}
.pagination .previous:hover i{
    transform: translateX(-1rem);
}
.pagination .next:hover i{
    transform: translateX(1rem);
}

@media screen and (max-width: 767px) {
    .pagination .previous{
        margin-right: 2rem;
    }
    .pagination .next {
        margin-left: 2rem;
    }
    .pagination li span {
        display: none;
    }
}