/* Haut de page catégorie
============================================================ */

.block-category {
    min-height: 0;
}

/* Fin Haut de page catégorie
============================================================ */

/* Module ps_facetedsearch
============================================================ */

.mobile-filter-toggle {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 5px;
    padding-bottom: 8px;
    border-bottom: 1px solid var(--primary);
    font-family: "Field Gothic Compact", sans-serif;
    font-weight: 400;
}

.mobile-filter-toggle::before {
    content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="18.177" height="11.332" viewBox="0 0 18.177 11.332"><path id="Icon_material-filter-list" data-name="Icon material-filter-list" d="M11.569,20.332h4.039V18.443H11.569ZM4.5,9v1.889H22.677V9Zm3.029,6.61H19.647V13.722H7.529Z" transform="translate(-4.5 -9)"/></svg>');
    line-height: 0;
}

#search_filters,
#search_filters_brands,
#search_filters_suppliers {
    display: flex;
    align-items: baseline;
    justify-content: flex-start;
    gap: 30px;
    flex-wrap: wrap;
    padding: 8px 0;
    border-bottom: 1px solid var(--primary);
}

#search_filters .facet,
#search_filters_brands .facet,
#search_filters_suppliers .facet {
    position: relative;
    z-index: 3;
    width: fit-content;
    font-family: "Field Gothic Compact", sans-serif;
    font-weight: 400;
}

#search_filters .facet .title {
    display: flex;
    align-items: center;
    gap: 10px;
    cursor: pointer;
}

#search_filters .facet .facet-title {
    width: fit-content;
    margin: 0;
    font-weight: 400;
    color: var(--primary);
}

#search_filters .facet .title .collapse-icons {
    padding: 0;
    margin: 0;
    width: auto;
    height: auto;
}

#search_filters .facet .title .collapse-icons .add {
    rotate: 0deg;
    transition: rotate 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
}

#search_filters .facet .title:not(.collapsed) .collapse-icons .add {
    rotate: 180deg;
}

#search_filters .facet ul,
#search_filters_brands .facet ul,
#search_filters_suppliers .facet ul {
    position: absolute;
    top: 100%;
    left: 0;
    width: 200px;
    padding: 10px;
    background: #fff;
    z-index: 1;
}

#search_filters .facet .facet-label a,
#search_filters_brands .facet .facet-label a,
#search_filters_suppliers .facet .facet-label a {
    color: var(--primary);
}

#search_filters .facet .collapse,
#search_filters_brands .facet .collapse,
#search_filters_suppliers .facet .collapse {
    display: none;
}

#search_filters .facet .collapse.in,
#search_filters_brands .facet .collapse.in,
#search_filters_suppliers .facet .collapse.in {
    display: block;
}

.active_filters {
    background-color: var(--primary);
    color: #fff;
    padding: 10px 15px 0 15px;
    font-family: "Field Gothic Compact", sans-serif;
}

.active_filters .active-filter-title {
    font-size: 1rem;
}

.active_filters .filter-block {
    font-size: 1rem;
    color: var(--primary);
}

@media (min-width: 768px) {
    .mobile-filter-toggle,
    .mobile-filter-close {
        display: none;
    }
}

@media (max-width: 767px) {
    #search_filters,
    #search_filters_brands,
    #search_filters_suppliers {
        position: fixed;
        top: 0;
        left: 0;
        z-index: 9999;
        width: 100%;
        height: 100%;
        flex-direction: column;
        flex-wrap: nowrap;
        align-items: flex-start;
        justify-content: flex-start;
        background-color: #fff;
        padding: 60px 15px;
        border: 0;
        overflow: auto;
        transform: translateY(100%);
        transition: transform 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
    }

    #search_filters.active,
    #search_filters_brands.active,
    #search_filters_suppliers.active {
        transform: translateY(0);
    }

    #search_filters .facet,
    #search_filters_brands .facet,
    #search_filters_suppliers .facet {
        padding: 0;
    }

    #search_filters .facet ul,
    #search_filters_brands .facet ul,
    #search_filters_suppliers .facet ul {
        position: unset;
        margin-bottom: 0;
        padding: 0;
    }

    .mobile-filter-close {
        position: absolute;
        top: 15px;
        right: 15px;
        font-family: "Field Gothic Compact", sans-serif;
        font-weight: 400;
    }
}