/* =============================================================
   MIST NORMANDIE — Recherche du site (goal RECHERCHE, 30/09/2026)
   La pop-up garde SON design (`mist-ds.css:544-568`) : rien ici ne la touche,
   hormis `.mist-sr`, l'annonce pour lecteur d'ecran, invisible a l'ecran.
   Le reste habille la page `?s=` (`search.php`) avec les jetons du kit.
   ============================================================= */

/* Texte reserve aux lecteurs d'ecran. ⚠️ Pas `.screen-reader-text` : le
   thème parent retire sa feuille (`mist_child_dequeue_hello_chrome`), la
   classe n'est donc garantie nulle part. */
.mist-sr{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* 🔴 LA BARRE DEPLACEE DANS LE PANNEAU DE MENU (390) NE DOIT PAS RETRECIR.
   `mist-plein.js` la pose en tete de `#navLinks`, colonne flex de 844 px en
   `overflow-y:auto` ; elle y est un element flex en `overflow:hidden`, donc
   `min-height:auto` vaut 0 et elle se laisse ecraser. Mesure du 30/09 sur
   « harcelement » : 155 px affiches pour 403 px de contenu — 2,5 lignes
   visibles sur 8, les cinq autres HORS D'ATTEINTE (la liste interne defile
   dans une boite coupee). Avec l'index du menu (1 resultat), rien ne se
   voyait. Aucune valeur du design ne change : la liste reprend la hauteur que
   `mist-plein.css` lui donne deja (42vh), et c'est le menu qui defile. */
body[data-mist-plein="menu"] [data-mist-plein-recherche]{flex-shrink:0}

.mist-recherche-tete{padding-bottom:clamp(28px,4vw,44px)}
.mist-recherche-tete h1{margin-top:14px}
.mist-recherche-form{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px;max-width:680px}
/* 16 px : sous ce seuil, iOS Safari agrandit la page au focus (R-MOBILE). */
.mist-recherche-form .input{flex:1 1 240px;min-width:0;font-size:16px}
.mist-recherche-compte{margin-top:18px}

.mist-recherche-corps{padding-top:clamp(24px,3vw,36px)}
.mist-recherche-liste{list-style:none;margin:0;padding:0;display:grid;gap:14px;max-width:880px}
.mist-recherche-resultat{display:block;padding:20px 24px;background:#fff;border:1px solid var(--line);border-radius:var(--r-m);box-shadow:var(--shadow-soft);transition:border-color .18s,box-shadow .25s,transform .22s}
.mist-recherche-resultat:hover,.mist-recherche-resultat:focus-visible{border-color:var(--blue-soft);box-shadow:var(--shadow-med);transform:translateY(-2px)}
.mist-recherche-resultat:focus-visible{outline:3px solid var(--blue-pale);outline-offset:2px}
.mist-recherche-resultat h2{margin:10px 0 6px;color:var(--ink);overflow-wrap:anywhere}
.mist-recherche-resultat:hover h2,.mist-recherche-resultat:focus-visible h2{color:var(--blue)}
.mist-recherche-resultat p{margin:0;font-size:14.5px;line-height:1.55;color:var(--ink-soft);overflow-wrap:anywhere}
.mist-recherche-resultat mark{background:linear-gradient(transparent 55%,rgba(233,78,27,.24) 55%);color:inherit;border-radius:2px}
.mist-recherche-plus{margin-top:20px}

@media (max-width:600px){
  .mist-recherche-resultat{padding:16px 18px}
  .mist-recherche-form .btn{flex:1 1 100%}
}