/* ===== Écran « recherche » · Direction A. Mise en page propre à l'écran : rien ici n'est un composant. ===== */

/* 1. Ouverture sans photo plein cadre : texte à gauche, cadre photo à droite (ordinateur seulement) */
.a-rec-ouverture{padding-block:20px 28px}
.a-rec-ouverture__grille{display:grid;gap:28px}
.a-rec-ouverture__texte{display:grid;gap:16px;align-content:start;min-width:0}
.a-rec-ouverture__texte > .a-groupe{margin-top:4px}
.a-rec-reponse{padding-left:14px;border-left:3px solid var(--a-orange);color:var(--a-texte)}
.a-rec-reponse strong{color:var(--a-blanc)}
.a-rec-chiffres .a-chiffre__n{font-size:2.5rem}
.a-rec-ouverture__photo{aspect-ratio:4 / 5}
.a-rec-ouverture__photo > img{object-position:50% 40%}
/* téléphone et tablette : la photo et les preuves passent après les 3 premières cartes ; les deux boutons sont inutiles, la liste suit */
@media (max-width:1023px){
  .a-rec-ouverture__photo,.a-rec-preuves{display:none}
}
@media (max-width:599px){
  .a-rec-ouverture__actions{display:none}
}
@media (min-width:768px){
  .a-rec-ouverture{padding-block:40px 56px}
  .a-rec-chiffres .a-chiffre__n{font-size:4.5rem}
}
@media (min-width:1024px){
  .a-rec-ouverture__grille{grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:56px;align-items:center}
  .a-rec-preuves{margin-top:48px;grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (min-width:1200px){
  .a-rec-chiffres .a-chiffre__n{font-size:5rem}
}

/* 2. Filtres et résultats */
.a-rec-zone{padding-block:20px 56px}
.a-rec-resultats{display:grid;gap:14px}
.a-rec-cote{display:grid;gap:10px;min-width:0}
.a-rec-filtres{display:grid;gap:18px;padding:16px;background:var(--a-nuit-700);border:1px solid var(--a-filet-fort);border-radius:var(--a-r-3);border-top:3px solid var(--a-orange)}
.a-rec-filtres__titre{display:flex;align-items:center;gap:8px;font:800 1.125rem/1.2 var(--a-police-titre);font-stretch:88%;color:var(--a-blanc)}
.a-rec-filtres__titre .a-ico{color:var(--a-orange-vif)}
.a-rec-filtre{display:grid;gap:8px;min-width:0;margin:0;padding:0;border:0}
.a-rec-filtre__titre{padding:0;font:600 .875rem/1.35 var(--a-police-texte);color:var(--a-texte-doux)}
.a-rec-filtre__titre small{display:block;font-size:.8125rem;font-weight:400;color:var(--a-texte-faible)}
/* pastilles de département : une ligne qui défile (bord en fondu) sur téléphone, un nuage sur ordinateur */
.a-rec-defile{
  display:flex;gap:8px;overflow-x:auto;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;
  margin-inline:-16px;padding:2px 16px 8px;scrollbar-width:thin;scrollbar-color:var(--a-nuit-500) transparent;
  -webkit-mask-image:linear-gradient(90deg,var(--a-nuit-900) 0,var(--a-nuit-900) calc(100% - 56px),transparent 100%);
  mask-image:linear-gradient(90deg,var(--a-nuit-900) 0,var(--a-nuit-900) calc(100% - 56px),transparent 100%);
}
.a-rec-defile > li{flex:none}
.a-rec-defile .a-puce--lien{white-space:nowrap;padding-inline:14px}
/* capteurs en langage clair : une pastille par ligne, l'explication à la suite */
.a-rec-capteurs{display:flex;flex-wrap:wrap;gap:8px}
.a-rec-capteurs .a-puce--lien{height:auto;min-height:44px;padding-block:6px;text-align:left;white-space:normal}
.a-rec-capteurs__clair{font-weight:400;color:var(--a-texte-doux)}
.a-rec-urgence{padding-block:6px 0;font-weight:600;color:var(--a-blanc)}
.a-rec-urgence > span{display:inline-flex;align-items:center;gap:6px}
.a-rec-urgence .a-ico{color:var(--a-orange-vif)}

/* bouton « Filtrer » : téléphone et tablette seulement */
.a-rec-filtrer{justify-self:start;gap:8px}
.a-rec-filtrer .a-puce__n{margin-left:0}
.a-rec-filtrer__actif{font-weight:400;color:var(--a-texte-doux);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:12em}
@media (max-width:1023px){
  /* panneau replié : seul le rail des départements reste visible, sans cadre */
  .a-rec-filtres:not(.a-rec-filtres--ouvert){padding:0;background:none;border:0;gap:0}
  .a-rec-filtres:not(.a-rec-filtres--ouvert) > :not(.a-rec-filtre--rail){display:none}
  .a-rec-filtres:not(.a-rec-filtres--ouvert) .a-rec-filtre__titre{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
  .a-rec-filtres:not(.a-rec-filtres--ouvert) .a-rec-defile{margin-inline:-16px 0;padding-left:16px}
}

.a-rec-principal{display:grid;gap:14px;align-content:start;min-width:0}
.a-rec-tri{display:grid;gap:2px;padding:12px 16px 4px;background:var(--a-nuit-900);border:1px solid var(--a-filet);border-radius:var(--a-r-2)}
.a-rec-tri__texte{display:grid;gap:6px}
.a-rec-tri__titre{font:800 1.375rem/1.1 var(--a-police-titre);font-stretch:88%;color:var(--a-blanc)}
.a-rec-tri__titre b{color:var(--a-orange);font-weight:900}
.a-rec-tri__regle{color:var(--a-texte-doux)}
.a-rec-tri > .a-btn--lien{justify-self:start}
.a-rec-liste{display:grid;gap:14px}
/* carte allégée sur téléphone : visuel plus bas */
@media (max-width:767px){ .a-rec-liste .a-pilote__visuel{aspect-ratio:16 / 7} }
.a-rec-plus{display:grid;gap:14px;justify-items:center;margin-top:4px;text-align:left}
.a-rec-plus .a-note{max-width:62ch}

/* intercalaire : photo et preuves après les 3 premières cartes (téléphone et tablette) */
.a-rec-intercalaire{display:grid;gap:12px;padding-block:6px}
.a-rec-intercalaire .a-preuves{margin:0}
@media (min-width:600px) and (max-width:1023px){
  .a-rec-intercalaire{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center}
  .a-rec-intercalaire .a-preuves{grid-template-columns:1fr}
}

@media (min-width:768px){
  .a-rec-filtres{padding:22px}
  .a-rec-tri{grid-template-columns:minmax(0,1fr) auto;align-items:center;column-gap:24px;padding:16px 20px}
  .a-rec-tri > .a-btn--lien{justify-self:end}
  .a-rec-tri__titre{font-size:1.625rem}
}
@media (min-width:1024px){
  .a-rec-filtrer,.a-rec-intercalaire{display:none}
  .a-rec-defile{flex-wrap:wrap;gap:6px;overflow:visible;margin-inline:0;padding:0;-webkit-mask-image:none;mask-image:none}
  .a-rec-zone{padding-block:48px var(--a-section)}
  .a-rec-resultats{grid-template-columns:290px minmax(0,1fr);gap:32px;align-items:start}
  .a-rec-cote{position:sticky;top:calc(var(--a-entete-h) + env(safe-area-inset-top, 0px) + 20px)}
  .a-rec-liste{gap:16px}
  .a-rec-liste .a-pilote--ligne{grid-template-columns:220px minmax(0,1fr) 190px}
}

/* 3. Carte des départements : un panneau simple, sans équerres */
.a-rec-france{display:grid;gap:28px}
.a-rec-france__texte{display:grid;gap:22px;align-content:start}
.a-rec-france__texte .a-tete{margin-bottom:0}
.a-rec-france__action{justify-self:start}
.a-rec-carte{padding:20px 12px 16px;background:var(--a-nuit-800);border:1px solid var(--a-filet);border-radius:var(--a-r-2)}
.a-rec-carte__titre{display:flex;align-items:center;gap:8px;margin-bottom:14px;font:700 .75rem/1.2 var(--a-police-titre);letter-spacing:.14em;text-transform:uppercase;color:var(--a-texte)}
.a-rec-carte__titre .a-ico{color:var(--a-orange-vif)}
.a-rec-carte .a-region{min-height:96px}
@media (min-width:600px){ .a-rec-carte .a-region{min-height:112px} }
@media (min-width:1024px){
  .a-rec-france{grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:56px;align-items:center}
  .a-rec-carte{padding:28px 24px 22px}
  .a-rec-carte .a-region:not(.a-region--vide){min-height:120px}
}

.a-rec-mention{margin-top:18px}

/* 5. Prix */
.a-rec-prix{display:grid;gap:28px}
.a-rec-prix__tete{display:grid;gap:20px;align-content:start}
.a-rec-prix__tete .a-tete{margin-bottom:0}
.a-rec-prix__corps{display:grid;gap:24px;align-content:start}
.a-rec-prix__action{display:grid;gap:10px;justify-items:start}
@media (max-width:599px){
  .a-rec-prix .a-carte{grid-template-columns:44px minmax(0,1fr);column-gap:14px;row-gap:4px;padding:16px}
  .a-rec-prix .a-carte > .a-picto{grid-row:1 / span 2}
  .a-rec-prix__action .a-btn{width:100%}
  .a-rec-prix__photo{aspect-ratio:16 / 9}
  .a-rec-prix__photo .a-cadre__repere{display:none}
}
@media (min-width:768px){ .a-rec-prix__action{grid-auto-flow:column;justify-content:start;align-items:center;gap:20px} }
@media (min-width:1024px){
  .a-rec-prix{grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:64px;align-items:start}
  .a-rec-prix__tete{position:sticky;top:calc(var(--a-entete-h) + 24px)}
}

/* 6. Questions locales, sur la bande photo : texte à gauche (voile dense), questions à droite sur fond opaque */
.a-rec-faq{display:grid;gap:24px}
.a-rec-faq__tete{display:grid;gap:14px;align-content:start;margin-bottom:0}
.a-rec-faq__regle{display:grid;grid-template-columns:22px minmax(0,1fr);gap:10px;align-items:start;max-width:52ch;padding:14px 16px;background:rgba(4,10,20,.86);border:1px solid var(--a-filet-fort);border-left:3px solid var(--a-orange);border-radius:var(--a-r-2);font-size:.9375rem;line-height:1.5;color:var(--a-texte)}
.a-rec-faq__regle .a-ico{color:var(--a-orange-vif);margin-top:1px}
.a-rec-faq__regle strong{color:var(--a-blanc)}
.a-rec-faq__lien{justify-self:start}
.a-rec-faq__corps{align-content:start}
.a-rec-faq__corps .a-question{background:var(--a-nuit-800)}
@media (min-width:1024px){
  .a-rec-faq{grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:64px;align-items:center}
}

/* 7. Autres régions */
.a-rec-regions{display:grid;gap:12px;margin-top:40px;padding-top:32px;border-top:1px solid var(--a-filet)}
@media (min-width:1024px){ .a-rec-regions{margin-top:64px;padding-top:48px} }

/* choix multiple : sous 1 024 px, la barre de la liste laisse la place à la barre d'action fixe (elle porte le nombre de télépilotes choisis) */
@media (max-width:1023px){ .a-rec-choix{display:none} }

/* carte de France (14/11) : la couleur du panneau qui la porte ; le panneau ne s'élargit jamais avec son contenu */
.a-rec-carte{min-width:0}
.a-rec-carte .a-france{--a-fr-panneau:var(--a-nuit-800)}

/* version 6 (14/11) : filtres. Un peu d'air entre la note et la première pastille. */
.a-rec-filtre__titre{padding-bottom:8px}

/* --- ajouts du site --- */
/* Écran « recherche » · ajouts propres au site (après la feuille de l'écran de la maquette). */

/* éléments masqués par le filtre dans la page (cartes, état vide, suite repliée) : l'attribut hidden l'emporte sur display:grid */
[data-ecran="recherche"] [hidden]{display:none !important}

/* longues listes : les fiches au-delà de la huitième sont repliées derrière un bouton (details, sans rechargement) */
.a-rec-suite{display:grid;gap:14px}
.a-rec-suite > .a-rec-suite__bouton{justify-self:center;list-style:none;cursor:pointer}
.a-rec-suite > .a-rec-suite__bouton::-webkit-details-marker{display:none}
.a-rec-suite > .a-rec-suite__bouton::marker{content:""}
.a-rec-suite[open] > .a-rec-suite__bouton .a-ico{transform:rotate(45deg)}
@media (min-width:1024px){ .a-rec-suite .a-rec-liste{gap:16px} }

/* ordinateur : les vraies données donnent plus de pastilles que la maquette ; le panneau collé défile sur lui-même
   pour que les derniers filtres (capteurs, urgence) restent accessibles */
@media (min-width:1024px){
  .a-rec-cote{max-height:calc(100vh - var(--a-entete-h) - 40px);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--a-nuit-500) transparent}
}

/* état vide : les deux issues côte à côte, retour à la ligne sur téléphone */
.a-rec-principal .a-vide .a-groupe{justify-content:center;flex-wrap:wrap}