/** ===============================
 *  SEARCH FILTER FORM
 *  =============================== */

.list-search-flex {
    display: flex;
    width: 100%;
    overflow-x: auto;
    z-index: 9;
    transition: all .5s cubic-bezier(.19,1,.22,1);
}

/* ---------- TITRES DE GROUPES ---------- */

.titre-search {
    display: inline-flex;
    align-items: center;
    height: 30px;
    margin-right: 20px;
    margin-bottom: 20px;
    padding: 0 20px;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    color: #fff;
    background: #282D57;
    border: 1px solid #282D57;
    border-radius: 8px;
}

/* ---------- SELECTS ---------- */

.select-wrapper {
    position: relative;
    display: inline-block;
    margin-right: 20px;
}

.select-search {
    display: inline-flex;
    align-items: center;
    height: 30px;
    padding: 0 26px 0 20px;
    margin-bottom: 20px;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    color: #282D57;
    background: #fff;
    border: 0;
    border-radius: 8px;
    text-align-last: center;
    cursor: pointer;
    appearance: none;
    transition: all .5s cubic-bezier(.19,1,.22,1);
}

/* état actif (remplace les anciens -on) */
.select-search.is-on {
    border: 1px solid #282D57;
}

/* ---------- CROIX CLEAR ---------- */

.select-clear {
    position: absolute;
    right: 6px;
    top: 30%;
    transform: translateY(-50%);
    background: none;
    border: none;
    font-size: 16px;
    line-height: 1;
    color: #282d57;
    cursor: pointer;
    display: none;
}

.select-search.is-on + .select-clear {
    display: block;
}

.select-clear:hover {
    color: #000;
}

/* ---------- BOUTON RECHERCHE ---------- */

.list-tag-flex-search {
    width: 100%;
}

.submit-search {
    height: 30px;
    padding: 0 20px;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    border-radius: 8px;
    border: 1px solid;
    background: #FFFFE8;
    cursor: pointer;
    transition: all .5s cubic-bezier(.19,1,.22,1);
}

.submit-search.has-results {
background: #B9FFC9;
color: #000;
font-weight: 300;
}

.submit-search.no-results {
    background: #FFB9B9;
    color: #000;
    font-weight: 300;
}

/* ---------- COMPTEUR ---------- */

#total-results-count {
    display: none;
}

#total-results-count.has-results,
#total-results-count.no-results {
    display: none; /* conservé pour compatibilité JS */
}
.list-tag-flex-search-mobile {
position: fixed;
bottom: 0;
background-color: #fff;
height: 40px;
width: 100%;
margin-left: -20px;
z-index: 3;
opacity: 0;
transform: translateY(16px);
pointer-events: none;
transition: opacity 0.35s ease,
transform 0.35s cubic-bezier(.4,0,.2,1);
display: none;
}

.list-tag-flex-search-mobile.is-visible {
    opacity: 1;
    transform: translateY(0);
    pointer-events: auto;
}