/* Calque « État de neige » (neige.js, ADR 0036) : bouton de la carte, encart sous la légende et section de légende.
   Rôles Topo de jetons.css (ADR 0029 : papier, encre, l'action à l'encre ; style.css nomme --action-doux,
   --action-fonce, --encre-2, --encre-3, --trait). Les seules couleurs vives sont celles de la palette de l'index, posées
   par neige.js sur la carte, dans l'échelle et dans la légende. */

/* Bouton de la neige, sous celui du radar dans la colonne du haut à droite */
.ctrl-neige button {
  display: grid;
  place-items: center;
}
.ctrl-neige svg {
  width: 21px;
  height: 21px;
  fill: none;
  stroke: var(--encre-2);
  stroke-linecap: round;
  stroke-linejoin: round;
}
.ctrl-neige button[aria-pressed="true"] {
  background: var(--action-doux);
}
.ctrl-neige button[aria-pressed="true"] svg {
  stroke: var(--action-fonce);
}

/* Encart : la date de l'état, l'alerte éventuelle, l'échelle (ni relevé, ni rendu, ni source : 21.10.2026) */
.encart-neige {
  box-sizing: border-box;
  width: 288px;
  padding: var(--e-s) var(--e-m);
  border: 1px solid var(--trait);
  border-radius: var(--r-s);
  background: var(--surface);
  box-shadow: var(--ombre-flottant);
  color: var(--encre);
  font: 12px/1.35 var(--texte);
}
.encart-neige[hidden] {
  display: none;
}
.en-tete {
  display: flex;
  flex-direction: column;
  margin: 0;
}
.en-titre {
  font-size: 12.5px;
  font-weight: 600;
}
.en-detail {
  color: var(--encre-2);
}
.en-alerte {
  margin: var(--e-xs) 0 0;
  padding: var(--e-xs) var(--e-s);
  border-radius: var(--r-xs);
  background: var(--creux);
  color: var(--encre);
  font-weight: 600;
}
.en-alerte[hidden] {
  display: none;
}
.en-alerte[data-genre="erreur"] {
  background: var(--conteneur-erreur);
  color: var(--sur-conteneur-erreur);
}
.en-milieu {
  display: flex;
  align-items: center;
  margin-top: var(--e-s);
}
.en-echelle {
  display: flex;
  align-items: center;
  gap: var(--e-xs);
  color: var(--encre-2);
  font-size: var(--texte-mini-taille);
  line-height: var(--texte-mini-hauteur);
  font-weight: var(--texte-mini-poids);
  white-space: nowrap;
}
.en-aplats {
  display: flex;
  width: 72px;
  height: 8px;
  overflow: hidden;
  border-radius: var(--r-xs);
  background: var(--carte-fond);
}
.en-aplats i {
  flex: 1;
}

/* Légende : une ligne par palier, en aplat translucide sur le fond de la carte, puis les glaciers ; avec les tuiles, les
   glaciers sont hachés comme sur la carte (SVG dessiné par neige.js, traitsHachures de map-style). */
.legende-neige[hidden] {
  display: none;
}
.legende-neige .aplat-hachures {
  overflow: hidden;
}
.legende-neige .aplat-hachures svg {
  display: block;
  width: 100%;
  height: 100%;
}