/* Page nationale des alertes meteo (pays/page_alertes.py). Couleurs des niveaux :
   jaune, orange, rouge de l'echelle Meteoalarm ; le texte du niveau est toujours
   ecrit a cote de la couleur (la carte ne repose jamais sur la couleur seule). */
.alertes-page{--niv-0:#c7d2dc;--niv-jaune:#f2c200;--niv-orange:#ee8200;--niv-rouge:#d1242f;--sur-niv:#1c2430}
.alertes-page h2{font-family:var(--serif);font-weight:600;font-size:24px;margin:34px 0 10px}
.alertes-page h3{font-size:17px;margin:20px 0 6px}
.alertes-page p{max-width:72ch}
.alertes-intro{font-size:17px;color:var(--ink-2)}
.alertes-bilan{display:block;width:fit-content;max-width:100%;padding:10px 16px;border-radius:12px;background:var(--paper-2);border:1px solid var(--line);border-left-width:8px;font-weight:600;margin:14px 0}
.alertes-bilan.niv-0{border-left-color:var(--niv-0)}
.alertes-bilan.niv-jaune{border-left-color:var(--niv-jaune)}
.alertes-bilan.niv-orange{border-left-color:var(--niv-orange)}
.alertes-bilan.niv-rouge{border-left-color:var(--niv-rouge)}
.alertes-attention{padding:10px 16px;border-radius:12px;background:color-mix(in oklab,var(--warm) 14%,transparent);margin:10px 0}
.alertes-carte-bloc{display:grid;grid-template-columns:minmax(0,3fr) minmax(240px,2fr);gap:16px;align-items:start;margin-top:8px}
.alertes-carte{min-width:0}
.alertes-svg{display:block;width:100%;height:auto}
.alertes-contour{fill:var(--paper-3);stroke:var(--line);stroke-width:1}
.alertes-svg .zone{stroke:var(--paper);stroke-width:1.2;vector-effect:non-scaling-stroke;cursor:pointer;fill-opacity:.94}
.alertes-svg .zone.niv-0{fill:var(--niv-0);fill-opacity:.55}
.alertes-svg .zone.niv-jaune{fill:var(--niv-jaune)}
.alertes-svg .zone.niv-orange{fill:var(--niv-orange)}
.alertes-svg .zone.niv-rouge{fill:var(--niv-rouge)}
.alertes-svg .zone:hover,.alertes-svg .zone:focus-visible,.alertes-svg .zone.actif{stroke:var(--ink);stroke-width:2.6;outline:none;fill-opacity:1}
.alertes-svg .zone.est-cible{stroke:var(--brand);stroke-width:3}
.alertes-panneau{border:1px solid var(--line);border-radius:14px;background:var(--paper-2);padding:14px 16px;min-height:120px;font-size:15px}
.alertes-panneau p{margin:0 0 8px}
.alertes-panneau .panneau-titre{font-weight:700;font-size:16px}
.alertes-panneau ul{list-style:none;margin:0;padding:0}
.alertes-panneau li{padding:6px 0;border-top:1px solid var(--line)}
.alertes-panneau li small{display:block;color:var(--ink-3)}
.alertes-panneau a{color:var(--brand-lo);font-weight:600}
@media (prefers-color-scheme:dark){.alertes-panneau a{color:var(--brand-hi)}}
.alertes-legende{list-style:none;display:flex;flex-wrap:wrap;gap:6px 18px;margin:12px 0 0;padding:0;font-size:14px}
.alertes-legende li{display:flex;align-items:center}
.alertes-note{font-size:13.5px;color:var(--ink-3);margin:6px 0}
.pastille{display:inline-block;width:.9em;height:.9em;border-radius:50%;margin-right:.5em;vertical-align:-.1em;border:1px solid rgba(0,0,0,.28)}
.pastille.niv-0{background:var(--niv-0)}
.pastille.niv-jaune{background:var(--niv-jaune)}
.pastille.niv-orange{background:var(--niv-orange)}
.pastille.niv-rouge{background:var(--niv-rouge)}
.alertes-partage{margin:12px 0 0}
.partage-btn{font:inherit;font-size:14px;font-weight:600;color:var(--ink);background:var(--paper-2);border:1px solid var(--line);border-radius:999px;padding:7px 16px;cursor:pointer}
.partage-btn:hover,.partage-btn:focus-visible{border-color:var(--brand);color:var(--brand-lo)}
.partage-etat{font-size:13.5px;color:var(--ink-2);margin-left:8px}
.alertes-liste{list-style:none;margin:0;padding:0;display:grid;gap:14px}
.alerte-carte{border:1px solid var(--line);border-left-width:8px;border-radius:12px;padding:14px 16px;background:var(--paper-2);scroll-margin-top:16px}
.alerte-carte.niv-jaune{border-left-color:var(--niv-jaune)}
.alerte-carte.niv-orange{border-left-color:var(--niv-orange)}
.alerte-carte.niv-rouge{border-left-color:var(--niv-rouge)}
.alerte-carte:target{outline:3px solid var(--brand);outline-offset:2px}
.alerte-carte h3{margin:0 0 4px;font-size:18px}
.alerte-meta{margin:0 0 8px;color:var(--ink-2);font-size:14.5px}
.alerte-infos{margin:0 0 8px}
.alerte-infos div{display:grid;grid-template-columns:minmax(110px,190px) 1fr;gap:8px;padding:3px 0;font-size:14.5px}
.alerte-infos dt{color:var(--ink-3)}
.alerte-infos dd{margin:0}
.alerte-infos a{display:inline;padding:0;border:0;background:none;color:var(--brand-lo)}
.alerte-infos dd{display:block}
.alerte-etiquette{margin:8px 0 2px;font-size:12.5px;text-transform:uppercase;letter-spacing:.04em;color:var(--ink-3)}
.alerte-texte{margin:0 0 10px;padding-left:12px;border-left:3px solid var(--line);color:var(--ink-2);font-size:15px}
.alerte-texte p{margin:0}
.alerte-pied{display:flex;flex-wrap:wrap;gap:8px 14px;align-items:center;margin:0;font-size:14px}
.alerte-pied a{color:var(--brand-lo);font-weight:600}
.alerte-source{color:var(--ink-3);font-size:13px}
.alertes-passees{padding-left:18px}
.alertes-passees li{margin:4px 0}
.alertes-faq{border-top:1px solid var(--line);padding:10px 0}
.alertes-faq summary{font-weight:600;cursor:pointer}
.alertes-faq p{margin:8px 0 0}
.alertes-source{font-size:13px;color:var(--ink-3)}
.alertes-page a{text-decoration-color:var(--line)}
@media (max-width:760px){
  .alertes-carte-bloc{grid-template-columns:1fr}
  .alerte-infos div{grid-template-columns:1fr;gap:0}
}
@media print{.partage-btn,.partage-etat,.alertes-panneau{display:none}}
/* La feuille « canton » (atmosphere.css) met les <ul> en colonnes, les liens de liste en blocs et les
   paragraphes en 14,5 px : plus specifique, ce bloc la remet a plat pour cette page. */
.canton-liste .alertes-page ul{columns:auto;margin:0}
.canton-liste .alertes-page ul.alertes-legende{margin:12px 0 0}
.canton-liste .alertes-page ul.alertes-passees{padding-left:18px;margin:8px 0}
.canton-liste .alertes-page li a{display:inline;padding:0;border:0;color:var(--brand-lo)}
.canton-liste .alertes-page p{font-size:16px;color:var(--ink)}
.canton-liste .alertes-page .alertes-intro{font-size:17px;color:var(--ink-2)}
.canton-liste .alertes-page .alertes-note,.canton-liste .alertes-page .alertes-source,.canton-liste .alertes-page .alerte-source{font-size:13.5px;color:var(--ink-3)}
.canton-liste .alertes-page .alerte-meta{font-size:14.5px;color:var(--ink-2)}
.canton-liste .alertes-page .alerte-texte p{font-size:15px;color:var(--ink-2)}
.canton-liste .alertes-page .alerte-pied{font-size:14px;color:var(--ink)}
.canton-liste .alertes-page .alerte-etiquette{font-size:12.5px;color:var(--ink-3)}
.canton-liste .alertes-page .alertes-panneau p{font-size:15px}
.canton-liste .alertes-page .alertes-panneau li{padding:6px 0}
@media (prefers-color-scheme:dark){.canton-liste .alertes-page li a,.canton-liste .alertes-page .alerte-pied a{color:var(--brand-hi)}}