/* Modale « + de filtres » des trois listes (rubrique, famille, tous les pros).
   1055 : niveau des modales du front (échelle dans front-extra.css), au-dessus
   de la bannière cookies (1035) et sous le menu mobile ouvert (1070). À 1000,
   la bannière masquait « Rechercher » tant que le visiteur n'avait pas répondu. */
.filters-modal {
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,.4);
    display: none;
    z-index: 1055;
}

.filters-modal[aria-hidden="false"] {
    display: flex;
    justify-content: center;
    align-items: center;
}

/* 16 px d'écart avec les bords sur téléphone (la boîte les touchait, arrondis
   compris). 90dvh : hauteur réellement visible sur mobile, barre d'adresse
   déployée (90vh en repli). Le défilement de la boîte ne se propage pas à la
   page. Pas de retrait bas : le pied collant le porte (.filters-footer). */
.filters-modal-content {
    background: #fff;
    width: calc(100% - 32px);
    max-width: 520px;
    max-height: 90vh;
    max-height: 90dvh;
    overflow-y: auto;
    overscroll-behavior: contain;
    border-radius: 12px;
    padding: 28px 28px 0;
}

.filters-header,
.filters-footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

/* Croix de fermeture : cible de 44 x 44 px (25 px auparavant). Elle reçoit le
   focus à l'ouverture : contour clavier du front, et non l'anneau du navigateur. */
.filters-header .noBtn {
    min-width: 44px;
    min-height: 44px;
}

.filters-header .noBtn:focus-visible {
    outline: 2px solid #4D3DFF;
    outline-offset: 2px;
    border-radius: 8px;
}

/* Pied collé au bas de la boîte : « Rechercher » reste visible sans défiler,
   quel que soit le nombre de pastilles, et rien ne défile sous lui (la boîte
   n'a pas de retrait bas). Le sélecteur d'élément footer de footer.css, écrit
   pour le pied de page du site (colonne centrée, retrait de 50 px), s'appliquait
   aussi à ce pied : direction, alignement et retraits sont redéfinis ici. */
.filters-footer {
    position: sticky;
    bottom: 0;
    flex-direction: row;
    justify-content: flex-end;
    gap: 12px;
    margin-top: 16px;
    padding: 12px 0 16px;
    background: #fff;
}
.select2-container {
    width: 100%!important;
}

.select2-container .select2-search--inline .select2-search__field {
    margin-bottom: 5px;
}