/* ==========================================================================
   ORIGINE v2 — maquette — CSS de la page recherche (agent B)
   S'appuie sur assets/commun.css (jetons, barre de recherche, cartes) sans le modifier.
   Sommaire : 1 en-tête + barre · 2 carte des secteurs (renvoi) · 5 résultats · 6 état vide · 7 combinaisons
   ========================================================================== */

/* 1. EN-TÊTE + BARRE -------------------------------------------------------- */
/* En-tête compact (15/10/2026) : la carte des secteurs doit déjà apparaître à l'arrivée sur la page.
   Titre et compteur sur une ligne, barre de recherche juste dessous, pas de ligne d'aide. */
.recherche-tete { padding-block: clamp(1.25rem, 2.5vw, 2rem) clamp(1rem, 2vw, 1.5rem); --motif-taille: min(60vw, 560px); --motif-droite: -14%; }
.recherche-tete h1 { font-size: var(--t-2xl); padding-bottom: .4em; margin-bottom: 0; }
.recherche-entete { display: flex; align-items: baseline; justify-content: space-between; gap: var(--e-2) var(--e-6); flex-wrap: wrap; margin-bottom: var(--e-4); }
.recherche-compteur { margin: 0; font-weight: 500; font-size: var(--t-m); min-height: 1.6em; }
.recherche-barre .bouton { width: 100%; }
@media (min-width: 1024px) { .recherche-barre .bouton { width: auto; padding-inline: 1.6rem; } }
.recherche-barre .bouton[disabled] { opacity: .4; }
.recherche-aide { margin: var(--e-2) 0 0; }
@media (min-width: 1024px) { .recherche-aide { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; } }

/* 2. CARTE DES SECTEURS ----------------------------------------------------- */
/* Composant à part : assets/carte-secteurs.css (carte géographique à deux niveaux, 15/10/2026).
   Les hexagones (sections 2 à 4 de ce fichier jusqu'au 15/10) ont été retirés. */
.recherche-secteurs { padding-block: clamp(1.25rem, 2.5vw, 2rem) calc(var(--section) * .6); }

/* 5. RÉSULTATS -------------------------------------------------------------- */
.recherche-resultats { padding-bottom: var(--section); }
.resultats-tete { display: flex; align-items: flex-end; justify-content: space-between; gap: var(--e-4) var(--e-6); flex-wrap: wrap; margin-bottom: var(--e-5); }
.resultats-tete h2 { margin-bottom: 0; }
.resultats-tri { flex-direction: row; align-items: center; gap: var(--e-3); }
.resultats-tri label { white-space: nowrap; }
.resultats-tri select { width: auto; min-width: 13.5rem; }
@media (max-width: 479px) {
  .resultats-tri { width: 100%; }
  .resultats-tri select { flex: 1; min-width: 0; }
}

.resultats-criteres { display: flex; flex-wrap: wrap; align-items: center; gap: var(--e-2); margin-bottom: var(--e-6); }
.resultats-criteres[hidden] { display: none; }
.criteres-titre { font-size: var(--t-xs); font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: var(--bleu); margin-right: var(--e-2); }
.puce-critere { min-height: 44px; background: var(--bleu); border-color: var(--bleu); color: var(--ivoire); padding-right: .75rem; }
.puce-critere:hover { background: var(--bleu-2); border-color: var(--bronze); color: var(--ivoire); }
.puce-critere svg { width: 14px; height: 14px; opacity: .85; }
.criteres-tout { background: none; border: 0; border-bottom: 1px solid var(--bronze); padding: .7rem 0 2px; margin-left: var(--e-3); cursor: pointer; font-size: var(--t-s); }

.resultats-grille.est-vide { display: block; }

/* 6. ÉTAT VIDE -------------------------------------------------------------- */
.recherche-vide { background: var(--ivoire-3); padding: clamp(2rem, 6vw, 4rem) var(--e-5); }
.recherche-vide .vide-titre { font-size: var(--t-l); color: var(--bleu); margin-bottom: var(--e-3); }
.vide-pistes { list-style: none; margin: var(--e-5) 0 0; padding: 0; display: flex; flex-wrap: wrap; justify-content: center; gap: var(--e-2); }
.vide-pistes .puce { min-height: 44px; }

/* 7. COMBINAISONS D'ÉTATS ---------------------------------------------------- */
/* Cibles tactiles ≥ 44 px */
.criteres-tout { min-height: 44px; display: inline-flex; align-items: flex-end; padding-top: 0; }