/* [T3 ABC-3-4 2026-09-28 · Claude Opus 5.5] Les cartes choroplèthes : le cadre
   de la carte et les pastilles de la légende. Les couleurs des pastilles sont
   celles de App\Service\Carte\PaletteDeCarte (ColorBrewer YlGnBu, 5 classes) —
   tests/Unit/Carte/PaletteDeCarteTest vérifie l'égalité. Aucun attribut
   style= dans les gabarits : la CSP cible, à nonce, les refuse. Liée par <link>
   dans la page de carte, jamais importée par un module.

   Fichier identique dans les trois dépôts. */

.carte {
  margin: 1.5rem 0;
}

.carte__cadre {
  height: 32rem;
  max-height: 70vh;
  width: 100%;
  border: 1px solid #636363;
  background: #ffffff;
}

.carte__cadre--erreur {
  height: auto;
  padding: 1rem;
}

/* Légende du tableau équivalent : le gris de Bootstrap (#6c757d) tombe à
   4,15:1 sur le fond #f1f1f1 d'epe, sous les 4,5:1 du WCAG 1.4.3 (axe-core,
   28/09). Même gris foncé que les boutons de zoom des graphiques. */
.carte caption {
  color: #495057;
}

.carte__legende {
  list-style: none;
  padding: 0;
  margin: 0.75rem 0;
}

.carte__legende li {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin: 0.25rem 0;
}

.carte__pastille {
  display: inline-block;
  flex: none;
  width: 1.25rem;
  height: 1rem;
  border: 1px solid #636363;
}

.carte__pastille--0 { background-color: #ffffcc; }
.carte__pastille--1 { background-color: #a1dab4; }
.carte__pastille--2 { background-color: #41b6c4; }
.carte__pastille--3 { background-color: #2c7fb8; }
.carte__pastille--4 { background-color: #253494; }

.carte__pastille--vide {
  background-color: transparent;
  border: 1px dashed #636363;
}

/* [C-R-104] CONTRASTE ÉLEVÉ. Les zones de la carte et leur contour gris (#636363) sont dessinés par Leaflet avec la palette YlGnBu de
   PaletteDeCarte : sur le noir imposé au reste du site, la classe la plus foncée (#253494, 1,8:1) et le contour disparaissent. Le cadre
   de la carte repose donc sur une plaque BLANCHE (comme le logo) : les couleurs des classes et la légende restent celles du mode normal,
   la carte et sa légende disent la même chose. Les pastilles de la légende gardent leur couleur (le noir forcé les effaçait) et un
   contour blanc de 2 px qui les détache du fond noir. */
.contraste-eleve .carte__cadre:not(#c) {
  background-color: #ffffff !important;
}
.contraste-eleve .carte__pastille:not(#c) {
  border: 2px solid #ffffff !important;
}
.contraste-eleve .carte__pastille--0:not(#c) { background-color: #ffffcc !important; }
.contraste-eleve .carte__pastille--1:not(#c) { background-color: #a1dab4 !important; }
.contraste-eleve .carte__pastille--2:not(#c) { background-color: #41b6c4 !important; }
.contraste-eleve .carte__pastille--3:not(#c) { background-color: #2c7fb8 !important; }
.contraste-eleve .carte__pastille--4:not(#c) { background-color: #253494 !important; }
.contraste-eleve .carte__pastille--vide:not(#c) { border-style: dashed !important; }