/**
 * Filtres de profil — académie sur l'annuaire.
 *
 * Feuille séparée : style.scss est tronqué et ne compile plus, et style.css a
 * été édité à la main depuis. On n'y touche pas. Voir css/elections-2026.css
 * pour le même motif.
 *
 * Rappel du contexte existant : .annuaire est une grille à quatre colonnes.
 * Une fois filtrée sur une académie, une carte seule dans cette grille
 * n'occuperait qu'un quart de la largeur : d'où .annuaire--filtre.
 */

.annuaire-filtre {
   margin: 0 0 28px;
}

.annuaire-filtre-form label {
   display: block;
   margin-bottom: 8px;
   font-family: "Archivo Black", Arial, sans-serif;
   font-size: 15px;
   color: #212529;
}

.annuaire-filtre-champs {
   display: flex;
   flex-wrap: wrap;
   gap: 10px;
   align-items: stretch;
}

.annuaire-filtre-champs select {
   flex: 1 1 320px;
   max-width: 460px;
   padding: 10px 12px;
   font-size: 16px;
   color: #212529;
   background: #fff;
   border: 2px solid #1469ad;
   border-radius: 3px;
   line-height: 1.3;
}

.annuaire-filtre-champs select:focus-visible,
.annuaire-filtre a:focus-visible {
   outline: 2px solid #e40045;
   outline-offset: 2px;
}

.annuaire-filtre-champs button {
   padding: 10px 20px;
   border: 0;
   cursor: pointer;
}

.annuaire-filtre-reset {
   margin: 10px 0 0;
   font-size: 15px;
}

/* Une seule fiche affichée : elle sort de la grille à quatre colonnes. */
.annuaire.annuaire--filtre {
   display: block;
   max-width: 520px;
}

.annuaire.annuaire--filtre > div {
   padding: 20px;
   border-left: 4px solid #e40045;
   background: #f1f3f5;
}

.annuaire.annuaire--filtre > div h2 {
   margin-top: 0;
}

.annuaire-vide {
   padding: 20px;
   border: 1px dashed #dee2e6;
   color: #868e96;
}

@media (max-width: 600px) {
   .annuaire-filtre-champs select {
      flex-basis: 100%;
      max-width: none;
   }
}