/* ═══════════════════════════════════════════════════════════════
   RECHERCHE — panneau d'autocomplétion du header (public/js/recherche.js)
   ═══════════════════════════════════════════════════════════════ */
.hx-search{text-decoration:none}
.hx-search-kbd{font:600 11px/1 inherit;color:#9AA49E;border:1px solid #E0DACD;border-radius:5px;padding:3px 6px;background:#fff;margin-left:4px}
@media(max-width:1080px){.hx-search-kbd{display:none}}

.rch{position:fixed;inset:0;z-index:10000;display:flex;justify-content:center;align-items:flex-start;padding:9vh 16px 16px}
.rch[hidden]{display:none}
.rch-fond{position:absolute;inset:0;background:rgba(11,61,46,.55);backdrop-filter:blur(3px);animation:rch-fondu .18s ease}
.rch-panneau{position:relative;width:100%;max-width:720px;max-height:82vh;display:flex;flex-direction:column;background:#fff;border-radius:18px;box-shadow:0 30px 80px -20px rgba(11,61,46,.55);overflow:hidden;animation:rch-entree .22s cubic-bezier(.2,.8,.2,1)}
@keyframes rch-fondu{from{opacity:0}}
@keyframes rch-entree{from{opacity:0;transform:translateY(-14px) scale(.98)}}
body.rch-ouvert{overflow:hidden}

/* Champ */
.rch-form{display:flex;align-items:center;gap:12px;padding:16px 18px;border-bottom:1px solid #EEE9DF;margin:0}
.rch-loupe{width:22px;height:22px;color:#008774;flex:none}
.rch-input{flex:1;min-width:0;border:none;outline:none;font:500 18px/1.4 inherit;color:#0B3D2E;background:transparent;padding:4px 0}
.rch-input::placeholder{color:#A3ACA7;font-weight:400}
.rch-input::-webkit-search-cancel-button{display:none}
.rch-effacer{border:none;background:#F3F1EA;color:#6A756E;width:26px;height:26px;border-radius:50%;font-size:17px;line-height:1;cursor:pointer;flex:none}
.rch-effacer:hover{background:#E6E1D6}
.rch-fermer{border:1px solid #E6E1D6;background:#fff;color:#6A756E;font:600 11.5px/1 inherit;padding:6px 9px;border-radius:7px;cursor:pointer;flex:none}
.rch-fermer:hover{border-color:#008774;color:#008774}
.rch-chargement{width:18px;height:18px;border:2px solid #D7EBE4;border-top-color:#008774;border-radius:50%;flex:none;visibility:hidden}
.rch.rch-en-cours .rch-chargement{visibility:visible;animation:rch-tourne .7s linear infinite}
@keyframes rch-tourne{to{transform:rotate(360deg)}}

/* Corps */
.rch-corps{overflow-y:auto;overscroll-behavior:contain;padding:8px 10px 12px}
.rch-statut{font-size:13px;color:#6A756E;padding:10px 10px 4px}
.rch-statut:empty{display:none}
.rch-statut b{color:#0B3D2E}
.rch-statut.rch-erreur{color:#BE123C}
.rch-liste{list-style:none;margin:0;padding:0}
.rch-titre-groupe{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#E8871E;padding:12px 10px 6px}
.rch-option{display:flex;gap:14px;align-items:center;padding:10px;border-radius:12px;text-decoration:none;color:inherit;cursor:pointer}
.rch-option[aria-selected="true"],.rch-option:hover{background:#F1F8F5}
.rch-vignette{width:54px;height:54px;border-radius:10px;flex:none;background:#EAF5F1;display:flex;align-items:center;justify-content:center;color:#008774;overflow:hidden}
.rch-vignette img{width:100%;height:100%;object-fit:cover}
.rch-vignette svg{width:22px;height:22px}
.rch-texte{min-width:0;flex:1}
.rch-meta{font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#008774;display:flex;gap:8px}
.rch-meta span+span{color:#9AA49E;font-weight:500;text-transform:none;letter-spacing:0}
.rch-titre{font-size:15px;font-weight:700;color:#0B3D2E;line-height:1.35;margin:2px 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rch-extrait{font-size:12.5px;color:#6A756E;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.rch mark,.rch-resultats mark{background:#FDEBD3;color:inherit;border-radius:3px;padding:0 1px}
.rch-fleche{color:#B8C2BD;flex:none;width:16px;height:16px}
.rch-option[aria-selected="true"] .rch-fleche{color:#008774}

/* Accès rapides */
.rch-puces{display:flex;flex-wrap:wrap;gap:8px;padding:2px 10px 6px}
.rch-puces a{font-size:13px;color:#0B3D2E;background:#F6F4EE;border:1px solid #ECE7DC;border-radius:999px;padding:7px 14px;text-decoration:none;transition:.15s}
.rch-puces a:hover{background:#008774;border-color:#008774;color:#fff}
.rch.rch-saisie .rch-raccourcis{display:none}

/* Pied */
.rch-pied{display:flex;align-items:center;gap:16px;padding:11px 18px;border-top:1px solid #EEE9DF;background:#FBFAF7;font-size:12px;color:#8A948F}
.rch-pied kbd{font:600 10.5px/1 inherit;border:1px solid #E0DACD;border-bottom-width:2px;border-radius:4px;padding:2px 5px;background:#fff;margin-right:3px;color:#6A756E}
.rch-tous{margin-left:auto;font-weight:700;color:#008774;text-decoration:none;font-size:13px}
.rch-tous:hover{text-decoration:underline}

@media(max-width:640px){
  .rch{padding:0}
  .rch-panneau{max-width:none;max-height:none;height:100%;border-radius:0}
  .rch-pied span{display:none}
  .rch-input{font-size:16px}
}
@media(prefers-reduced-motion:reduce){
  .rch-fond,.rch-panneau{animation:none}
}