/* ===== Écran « departement » · Direction A. Mise en page propre à l'écran : rien ici n'est un composant. ===== */
/* 13/11 : trame sur l'ouverture seulement ; équerres sur la grande photo « Voler dans les Yvelines » seulement ;
   rupture unique : la demande finale (a-section--orange), qui réunit l'appel et le formulaire. */

/* 1. Ouverture sans photo : texte à gauche, tuiles d'Île-de-France à droite (panneau simple, sans équerres) */
.a-dep-ouverture{padding-block:32px var(--a-section)}
.a-dep-ouverture__grille{display:grid;gap:32px}
.a-dep-ouverture__texte{display:grid;gap:18px;align-content:start;min-width:0}
.a-dep-ouverture__texte .a-h1{max-width:13em}
.a-dep-reponse{color:var(--a-texte)}
.a-dep-ouverture__actions .a-btn{flex:1 1 220px}
.a-dep-chiffres{margin-top:10px}
.a-dep-carte{padding:22px 12px 16px;background:var(--a-nuit-900);border:1px solid var(--a-filet);border-radius:var(--a-r-2)}
.a-dep-carte__titre{display:flex;align-items:center;gap:8px;margin-bottom:14px;font:700 .8125rem/1.2 var(--a-police-titre);letter-spacing:.14em;text-transform:uppercase;color:var(--a-blanc)}
.a-dep-carte__titre .a-ico{color:var(--a-orange-vif)}
.a-dep-ouverture__photo{display:none;margin-top:18px}
.a-dep-idf .a-region{min-height:92px}
.a-dep-region--haute{grid-row:span 2}
.a-dep-idf .a-region--actif{justify-content:flex-start;box-shadow:0 0 0 6px rgba(255,255,255,.08)}
.a-dep-idf .a-region--actif .a-region__n{font-size:2.5rem}
.a-dep-ici{margin-top:auto;font:700 .75rem/1.15 var(--a-police-titre);letter-spacing:.08em;text-transform:uppercase;color:var(--a-blanc)}
@media (min-width:600px){
  .a-dep-idf .a-region{min-height:104px}
  .a-dep-idf .a-region--actif .a-region__n{font-size:3.25rem}
}
@media (min-width:768px){
  .a-dep-ouverture{padding-top:48px}
  .a-dep-ouverture__actions .a-btn{flex:0 0 auto}
}
@media (min-width:1024px){
  .a-dep-ouverture{padding-top:56px}
  .a-dep-ouverture__grille{grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:56px;align-items:start}
  .a-dep-carte{padding:28px 24px 22px}
  .a-dep-idf .a-region{min-height:104px}
  .a-dep-ouverture__photo{display:block}
}

/* 2. Liste filtrable, cartes allégées, choix multiple */
.a-dep-filtres{margin-bottom:16px}
@media (max-width:767px){
  /* rail de pastilles : un fondu à droite signale qu'il défile */
  .a-dep-filtres{position:relative}
  .a-dep-filtres .a-puces{flex-wrap:nowrap;overflow-x:auto;margin-left:calc(-1 * var(--a-gg));margin-right:calc(-1 * var(--a-gd));padding:2px 48px 10px var(--a-gg);scrollbar-width:none;
    -webkit-mask-image:linear-gradient(90deg,#000 0,#000 calc(100% - 56px),transparent 100%);mask-image:linear-gradient(90deg,#000 0,#000 calc(100% - 56px),transparent 100%)}
  .a-dep-filtres .a-puces::-webkit-scrollbar{display:none}
  .a-dep-filtres .a-puces > li{flex:none}
  .a-dep-filtres .a-puce--lien{white-space:nowrap}
}
.a-dep-tri{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 20px;margin-bottom:18px;padding:12px 0;border-top:1px solid var(--a-filet);border-bottom:1px solid var(--a-filet)}
.a-dep-tri__regle{display:flex;align-items:flex-start;gap:8px;max-width:760px;font-size:.875rem;line-height:1.5;color:var(--a-texte-doux)}
.a-dep-tri__regle .a-ico{flex:none;margin-top:3px;color:var(--a-orange-vif)}
.a-dep-tri__regle a{color:var(--a-orange-vif);white-space:nowrap}
.a-dep-tri__regle a:hover{color:var(--a-blanc)}
.a-dep-compte{font-size:.875rem;color:var(--a-texte-doux)}
.a-dep-compte b{font:900 1.25rem/1 var(--a-police-titre);color:var(--a-orange-vif);margin-right:4px}
.a-dep-liste{display:grid;gap:14px}
.a-dep-liste > [hidden]{display:none}
/* barre de choix : visible là où la barre d'action fixe n'existe pas (à partir de 1 024 px) */
.a-dep-choix__aide{display:block;margin-top:2px;font-size:.875rem;font-weight:400;color:var(--a-texte-doux)}
@media (max-width:1023px){ .a-dep-choix{display:none} }
.a-dep-apres-liste{display:grid;gap:16px;margin-top:20px}
.a-dep-rejoindre{grid-template-columns:44px minmax(0,1fr) 20px;align-items:center;gap:14px;font-size:.9375rem;color:var(--a-texte-doux)}
.a-dep-rejoindre b{color:var(--a-blanc)}
.a-dep-rejoindre > .a-ico{color:var(--a-orange-vif)}
@media (min-width:1024px){
  .a-dep-liste{gap:16px}
  .a-dep-apres-liste{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:24px}
}

/* 3. Prestations en barres, villes de base (même hauteur sur ordinateur) */
.a-dep-offre{display:grid;gap:28px}
.a-dep-barres{display:grid;gap:8px}
.a-dep-barre{
  position:relative;display:grid;grid-template-columns:32px minmax(0,1fr) auto;gap:12px;align-items:center;
  padding:12px 14px 16px;background:var(--a-nuit-700);border:1px solid var(--a-filet);border-radius:var(--a-r-2);overflow:hidden;
}
.a-dep-barre__nom{font:600 .9375rem/1.3 var(--a-police-texte);color:var(--a-blanc)}
.a-dep-barre__n{font:900 1.75rem/1 var(--a-police-titre);font-stretch:80%;color:var(--a-orange-vif);font-variant-numeric:tabular-nums}
.a-dep-barre__jauge{position:absolute;left:0;bottom:0;height:4px;width:0;background:var(--a-orange)}
.a-dep-barre[data-n="1"] .a-dep-barre__jauge{width:16.67%}
.a-dep-barre[data-n="2"] .a-dep-barre__jauge{width:33.33%}
.a-dep-barre[data-n="3"] .a-dep-barre__jauge{width:50%}
.a-dep-barre::after{content:"";position:absolute;left:0;right:0;bottom:0;height:4px;background:rgba(255,255,255,.06);z-index:0}
.a-dep-barre__jauge{z-index:1}
.a-dep-villes{display:grid;gap:0;align-content:start;background:var(--a-nuit-700);border:1px solid var(--a-filet);border-radius:var(--a-r-2);overflow:hidden}
.a-dep-villes .a-cadre{border-radius:0}
.a-dep-villes__corps{display:grid;gap:12px;align-content:start;padding:20px}
.a-dep-villes__liste{display:flex;flex-wrap:wrap;gap:8px}
.a-dep-villes__liste li{display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:6px 12px;border:1px solid var(--a-filet-fort);border-radius:var(--a-r-pastille);font:600 .875rem/1.2 var(--a-police-texte);color:var(--a-blanc)}
.a-dep-villes__liste .a-ico{width:16px;height:16px;color:var(--a-orange-vif)}
@media (min-width:1024px){
  .a-dep-offre{grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:32px;align-items:stretch}
  .a-dep-barres{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:1fr;gap:10px}
  .a-dep-barre{padding:16px 16px 20px}
  .a-dep-villes{grid-template-rows:auto 1fr}
  .a-dep-villes__photo{aspect-ratio:2 / 1}
  .a-dep-villes__corps{padding:22px 24px 24px}
}

/* 4. Voler dans les Yvelines ; emplacement local à fournir, discret */
.a-dep-voler{display:grid;gap:28px}
.a-dep-voler__texte{display:grid;gap:18px;align-content:start}
.a-dep-voler__texte .a-tete{margin-bottom:0}
.a-dep-regle{display:grid;grid-template-columns:56px minmax(0,1fr);gap:16px;align-items:start;padding:20px;background:var(--a-nuit-700);border:1px solid var(--a-orange-filet);border-left:3px solid var(--a-orange);border-radius:var(--a-r-2);font-size:1rem;line-height:1.55;color:var(--a-texte-doux)}
.a-dep-regle strong{color:var(--a-blanc)}
.a-dep-local{grid-template-columns:32px minmax(0,1fr);align-items:start;gap:12px;padding:14px 16px;background:none}
.a-dep-local .a-vide__texte{font-size:.875rem;line-height:1.5;color:var(--a-texte-faible)}
.a-dep-local .a-etiquette{margin-right:6px;vertical-align:1px}
@media (min-width:1024px){
  .a-dep-voler{grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:64px;align-items:center}
  .a-dep-voler__photo{aspect-ratio:4 / 5}
  .a-dep-regle{padding:26px}
}

/* 5. Départements voisins */
.a-dep-voisins{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.a-dep-voisin{grid-template-columns:minmax(0,1fr);gap:6px;height:100%;border-top:3px solid var(--a-orange-filet)}
.a-dep-voisin__n{font:900 3rem/.85 var(--a-police-titre);font-stretch:78%;color:var(--a-blanc);font-variant-numeric:tabular-nums}
.a-dep-voisin__nom{font:800 1.0625rem/1.15 var(--a-police-titre);font-stretch:88%;color:var(--a-blanc)}
.a-dep-voisin__l{display:inline-flex;align-items:center;gap:6px;font-size:.875rem;color:var(--a-orange-vif)}
.a-dep-lien-prestation{grid-template-columns:56px minmax(0,1fr) 20px;align-items:center;gap:16px;margin-top:16px;font-size:.9375rem;color:var(--a-texte-doux)}
.a-dep-lien-prestation b{display:block;margin-bottom:2px;font:800 1.1875rem/1.15 var(--a-police-titre);font-stretch:88%;color:var(--a-blanc)}
.a-dep-lien-prestation__sur{display:block;margin-bottom:4px;font:700 .75rem/1.2 var(--a-police-titre);letter-spacing:.14em;text-transform:uppercase;color:var(--a-orange-vif)}
.a-dep-lien-prestation > .a-ico{color:var(--a-orange-vif)}
@media (min-width:768px){
  .a-dep-voisins{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
  .a-dep-voisin__n{font-size:4rem}
}

/* 6. Demande : bande orange, texte à gauche, formulaire sur panneau nuit à droite */
.a-dep-demande__grille{display:grid;gap:28px}
.a-dep-demande__texte{display:grid;gap:22px;align-content:start}
.a-dep-demande__texte .a-tete{margin-bottom:0}
.a-dep-demande__points{display:grid;gap:10px}
.a-dep-demande__points li{display:flex;align-items:center;gap:10px;font:600 1rem/1.35 var(--a-police-texte);color:var(--a-encre)}
.a-dep-demande__points .a-ico{flex:none;color:var(--a-encre)}
.a-dep-demande__lien{display:inline-flex;align-items:center;gap:8px;min-height:44px;font-weight:600;text-decoration:underline;text-underline-offset:3px}
.a-dep-demande__lien .a-ico{flex:none}
.a-dep-form{color:var(--a-texte);background:var(--a-nuit-950);border-color:var(--a-nuit-950);border-top-color:var(--a-nuit-950);box-shadow:0 18px 40px rgba(10,18,32,.28)}
@media (min-width:1024px){
  .a-dep-demande__grille{grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:56px;align-items:center}
  .a-dep-demande__texte{gap:28px}
}

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