/* Hexagone Météo — en-tête construit autour du symbole vivant (mu-plugin msl-logo-vivant) */

/* mot « Hexagone Météo » */
a.hm-lien,.v2-marque.hm-lien{display:inline-flex !important;align-items:center;gap:11px;text-decoration:none !important;color:inherit;line-height:1;min-height:30px;padding:0 !important;background:none !important}
.hm-lien hexagone-logo{flex:0 0 auto}
.hm-lien:hover .hm-marque .hm-b,.hm-lien:focus-visible .hm-marque .hm-b{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}
.hm-lien .hm-marque{display:inline-block;font-family:"Fraunces",Georgia,"Times New Roman",serif !important;font-size:29px !important;letter-spacing:-.02em;white-space:nowrap;font-variation-settings:"opsz" 144;line-height:1;text-transform:none}
.hm-lien .hm-marque .hm-a{font-weight:380 !important;font-style:normal;color:inherit;font-family:inherit !important;font-size:inherit !important}
.hm-lien .hm-marque .hm-b{font-weight:300 !important;font-style:italic !important;color:var(--hm-bleu,#2C5FC8);font-family:inherit !important;font-size:inherit !important}
.hm-masque{display:none !important}

/* bloc marque : [symbole] [mot / département · météo] */
.hm-bloc{display:flex;align-items:center;gap:14px;flex:0 0 auto;min-width:0}
.hm-lien-logo{display:flex;flex:0 0 auto;line-height:0;text-decoration:none}
.hm-lien-logo hexagone-logo svg{display:block;transition:width .25s ease,height .25s ease}
.hm-col{display:flex;flex-direction:column;gap:5px;min-width:0}
.hm-ligne{display:flex;align-items:center;gap:10px;min-height:24px;white-space:nowrap;position:relative}
.hm-ligne .v2-dep{position:relative;margin:0 !important;padding:0 !important}
.hm-ligne .v2-dep__btn{background:none !important;border:0 !important;padding:2px 0 !important;margin:0 !important;box-shadow:none !important;min-height:24px;display:inline-flex !important;align-items:center;gap:6px;font-size:14px !important;font-weight:600 !important;color:inherit !important;cursor:pointer;line-height:1.2;border-radius:4px}
.hm-ligne .v2-dep__btn:hover .v2-dep__nom{text-decoration:underline;text-underline-offset:3px}
.hm-ligne .v2-dep__btn svg{width:14px !important;height:14px !important}
.hm-sep{width:1px;height:14px;background:currentColor;opacity:.25;flex:0 0 auto}
.hm-meteo{font-family:"IBM Plex Mono",ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px;opacity:.75;letter-spacing:.01em}
.hm-meteo:empty,.hm-meteo:empty+*{display:none}
.hm-ligne .hm-sep:has(+ .hm-meteo:empty){display:none}

/* en-tête : plus de hauteur en haut de page */
.hm-tete .v2-tete__int{min-height:84px;transition:min-height .25s ease}
.hm-tete{transition:box-shadow .25s ease,border-color .25s ease}

/* après défilement (en-tête collant seulement) */
.hm-tete.hm-compact{box-shadow:0 6px 18px rgba(22,33,63,.10)}
.hm-tete.hm-compact .v2-tete__int{min-height:58px}
.hm-tete.hm-compact .hm-col{flex-direction:row;align-items:center;gap:12px}
.hm-tete.hm-compact .hm-lien .hm-marque{font-size:22px !important}
.hm-tete.hm-compact .hm-meteo,.hm-tete.hm-compact .hm-sep{display:none}
.hm-tete.hm-compact .hm-ligne{padding-left:12px;border-left:1px solid rgba(127,139,160,.4)}
.hm-tete.hm-compact .v2-dep__btn > svg:first-child{display:none}

/* détection en cours : liseré et badge de la couleur du côté allumé */
.hm-tete.hm-en-alerte{box-shadow:inset 0 -3px 0 var(--hm-al)}
.hm-tete.hm-en-alerte.hm-compact{box-shadow:inset 0 -3px 0 var(--hm-al),0 6px 18px rgba(22,33,63,.10)}
.hm-alerte{display:inline-flex;align-items:center;gap:10px;padding:9px 16px;border-radius:999px;background:var(--hm-al-fond,#F4E6FA);color:var(--hm-al-texte,#6B1E87) !important;font-size:14px;font-weight:600;min-height:40px;box-sizing:border-box;white-space:nowrap;text-decoration:none !important;flex:0 0 auto;max-width:440px;overflow:hidden}
.hm-alerte__court,.hm-alerte__carte{display:none}
.hm-alerte[hidden]{display:none !important}
.hm-alerte i{width:8px;height:8px;border-radius:50%;background:var(--hm-al,#A23CC8);flex:0 0 auto;animation:hm-pouls 1.6s ease-in-out infinite}
.hm-alerte__txt{overflow:hidden;text-overflow:ellipsis}
.hm-alerte__voir{font-weight:500;opacity:.9;flex:0 0 auto}
.hm-alerte:hover .hm-alerte__voir{text-decoration:underline}
@keyframes hm-pouls{0%,100%{opacity:1}50%{opacity:.35}}
@media (prefers-reduced-motion:reduce){.hm-alerte i{animation:none}.hm-tete,.hm-tete .v2-tete__int,.hm-lien-logo hexagone-logo svg{transition:none}}

/* largeur moyenne : libellé court */
@media (max-width:1180px){.hm-alerte__txt,.hm-alerte__voir{display:none}.hm-alerte__court{display:inline}}

/* largeur réduite : on garde la place pour le menu */
@media (max-width:1100px) and (min-width:761px){.hm-lien .hm-marque{font-size:24px !important}.hm-meteo,.hm-ligne .hm-sep{display:none}}
@media (max-width:1024px) and (min-width:761px){.hm-alerte{display:none !important}}

/* téléphone */
@media (max-width:760px){
  .hm-tete .v2-tete__int{min-height:68px}
  .hm-bloc{gap:10px}
  .hm-col{gap:4px}
  .hm-lien .hm-marque{font-size:22px !important}
  .hm-ligne{gap:8px}
  .hm-ligne .v2-dep__btn{font-size:13px !important}
  .hm-ligne .v2-dep__btn > svg:first-child{display:none}
  .hm-meteo{font-size:12px}
  .hm-alerte{position:absolute;left:0;right:0;top:100%;max-width:none;border-radius:0;justify-content:flex-start;padding:0 16px;min-height:44px;z-index:5}
  .hm-alerte__txt{display:inline}.hm-alerte__court,.hm-alerte__voir{display:none}
  .hm-alerte__carte{display:inline;margin-left:auto;font-weight:500;flex:0 0 auto}
  .hm-tete.hm-compact .v2-tete__int{min-height:56px}
  .hm-tete.hm-compact .hm-ligne{display:none}
}
@media (max-width:380px){.hm-lien .hm-marque{font-size:19px !important}.hm-meteo{display:none}.hm-ligne .hm-sep{display:none}}

/* v1.0.7 — téléphone : le thème masque le texte de .v2-marque ; on garde notre mot visible */
.hm-col > a.hm-lien{display:inline-flex !important;visibility:visible !important;opacity:1 !important;width:auto !important;height:auto !important;max-width:none !important;overflow:visible !important;position:static !important;clip:auto !important;clip-path:none !important;font-size:inherit !important}
.hm-col > a.hm-lien .hm-marque{display:inline-block !important;visibility:visible !important;opacity:1 !important;position:static !important;width:auto !important;height:auto !important;clip:auto !important;clip-path:none !important}
.hm-col > a.hm-lien .hm-marque .hm-a,.hm-col > a.hm-lien .hm-marque .hm-b{display:inline !important;visibility:visible !important}
.hm-bloc{flex:1 1 auto;min-width:0}
.hm-col{min-width:0;overflow:hidden}
.hm-ligne{min-width:0}
.hm-ligne .v2-dep{min-width:0;flex:0 1 auto}
.hm-ligne .v2-dep__nom{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:46vw}
.hm-meteo{flex:0 0 auto}
.hm-tete.hm-compact:not(.hm-sombre){background-color:rgba(255,255,255,.97) !important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
@media (max-width:760px){
  .hm-meteo .hm-ciel{display:none}
  .hm-tete.hm-compact .hm-col{flex-direction:row}
  .hm-tete.hm-compact .hm-lien .hm-marque{font-size:20px !important}
}
@media (max-width:380px){.hm-meteo{display:none}.hm-ligne .hm-sep{display:none}}

/* correctif accueil 05/10 : le badge « Tornade » des événements notables recouvrait le titre inscrit en haut de l'image */
.msl-evt__media .msl-evt__badge{top:auto !important;bottom:14px !important;left:auto !important;right:14px !important}

/* v1.0.9 — ordinateur : le bloc du symbole ne s'étire plus (il poussait le menu sous « Se connecter ») */
@media (min-width:761px){
  .hm-tete .hm-bloc{flex:0 0 auto}
  .hm-tete .v2-nav{min-width:0}
}
@media (min-width:761px) and (max-width:1320px){
  .hm-tete .v2-nav ul{gap:2px}
  .hm-tete .v2-connexion{padding-left:12px;padding-right:12px}
}

/* v1.0.10 — le bloc « Hexagone Météo / département · météo » tient dans la hauteur du symbole,
   et l'en-tête perd de la hauteur (84 → 76 px) */
.hm-col{gap:0 !important;justify-content:center}
.hm-col > a.hm-lien{min-height:0 !important;line-height:1 !important;margin:0 !important;height:auto !important}
.hm-col > a.hm-lien .hm-marque{line-height:.84 !important;padding-top:0}
.hm-col .hm-ligne{min-height:22px;margin-top:1px}
.hm-col .hm-ligne .v2-dep__btn{min-height:22px !important;padding-top:0 !important;padding-bottom:0 !important}
.hm-tete .v2-tete__int{min-height:76px}
.hm-tete.hm-compact .hm-col{gap:12px !important}
.hm-tete.hm-compact .hm-col .hm-ligne{margin-top:0}
@media (max-width:760px){.hm-tete .v2-tete__int{min-height:64px}.hm-col .hm-ligne{margin-top:2px}}
.hm-col .hm-ligne,.hm-col .hm-ligne .v2-dep{height:22px;min-height:0 !important;align-items:center}
.hm-col .hm-ligne button.v2-dep__btn,.hm-tete .hm-col .hm-ligne .v2-dep__btn{min-height:0 !important;height:22px !important;line-height:22px !important}
@media (min-width:761px){.hm-tete:not(.hm-compact) .hm-col{justify-content:center}}
@media (max-width:760px){.hm-col > a.hm-lien .hm-marque{padding-top:0}}
/* v1.0.12 — téléphone : la colonne coupe ce qui dépasse (pour les noms longs) ; le nom garde sa hauteur de ligne pleine, sinon le haut du « H » est rogné */
@media (max-width:760px){
  .hm-col > a.hm-lien .hm-marque{line-height:1.08 !important;padding-top:1px !important}
  .hm-col > a.hm-lien{margin-bottom:-3px !important}
  .hm-col .hm-ligne{margin-top:0}
}
@media (min-width:761px){
  .hm-col{overflow:visible}
}
/* v1.1.0 — identité V5 : nom en Archivo 900 très large, capitales, O vivant (pastille du ciel réel) */
.hm-lien .hm-marque,.hm-col > a.hm-lien .hm-marque{font-family:"Archivo","Arial Black",system-ui,sans-serif !important;font-weight:900 !important;font-stretch:125%;font-variation-settings:normal;text-transform:uppercase;letter-spacing:-.005em;font-size:24px !important;color:#0B1118}
.hm-lien .hm-marque .hm-a,.hm-lien .hm-marque .hm-b{font-weight:900 !important;font-style:normal !important;font-stretch:125%}
.hm-lien .hm-marque .hm-a{color:inherit}
.hm-lien .hm-marque .hm-b{color:var(--hm-bleu,#0b5ccf)}
.hm-sombre .hm-lien .hm-marque,html.msl-sombre .hm-lien .hm-marque{color:#fff}
.hm-lien:hover .hm-marque .hm-b,.hm-lien:focus-visible .hm-marque .hm-b{text-decoration:none}
.hm-lien:hover .hm-o svg,.hm-lien:focus-visible .hm-o svg{transform:scale(1.08)}
.hm-o{display:inline-block !important;width:.93em;height:.72em;margin:0 .04em 0 .04em;vertical-align:0;position:relative}
.hm-o svg{position:absolute;left:0;top:0;width:100%;height:100%;display:block;transition:transform .2s}
@media (prefers-reduced-motion:reduce){.hm-o svg{transition:none}}
.hm-meteo{font-weight:500;opacity:.8}
.hm-ligne .v2-dep__btn{font-family:"IBM Plex Mono",ui-monospace,monospace !important;text-transform:uppercase;letter-spacing:.05em;font-size:12.5px !important;font-weight:600 !important}
.hm-meteo{text-transform:uppercase;letter-spacing:.04em;font-size:12px}
@media (max-width:1100px) and (min-width:761px){.hm-lien .hm-marque,.hm-col > a.hm-lien .hm-marque{font-size:20px !important}}
.hm-tete.hm-compact .hm-lien .hm-marque,.hm-tete.hm-compact .hm-col > a.hm-lien .hm-marque{font-size:19px !important}
@media (max-width:760px){
  .hm-lien .hm-marque,.hm-col > a.hm-lien .hm-marque{font-size:16px !important}
  .hm-ligne .v2-dep__btn{font-size:11px !important}
  .hm-meteo{font-size:11px}
  .hm-tete.hm-compact .hm-lien .hm-marque{font-size:16px !important}
}
@media (max-width:380px){.hm-lien .hm-marque,.hm-col > a.hm-lien .hm-marque{font-size:14px !important}}
@media (max-width:370px){.hm-lien .hm-marque,.hm-col > a.hm-lien .hm-marque{font-size:13.5px !important}}

/* v1.1.1 — sélecteur de département : liste complète, défilante ; sur téléphone, panneau sous l'en-tête */
.hm-dep-plus .v2-dep__liste{max-height:min(52vh,420px);overflow-y:auto;overscroll-behavior:contain;display:flex;flex-direction:column}
.hm-dep-plus .v2-dep__liste a{display:flex;gap:10px;align-items:center;padding:9px 10px;border-radius:8px;text-decoration:none;color:inherit;font-size:14.5px;line-height:1.25}
.hm-dep-plus .v2-dep__liste a b{flex:0 0 30px;font-family:"IBM Plex Mono",ui-monospace,monospace;font-weight:600;font-size:12.5px;color:#46515E}
.hm-dep-plus .v2-dep__liste a:hover,.hm-dep-plus .v2-dep__liste a:focus{background:#eef4fd}
.hm-dep-plus .v2-dep__liste a.est-ici{background:#eef4fd;font-weight:700}
.hm-dep-plus .v2-dep__liste a.est-ici::after{content:"ici";margin-left:auto;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#0b5ccf}
.hm-dep-plus .v2-dep__liste a.hm-dep-fr{font-weight:800;border-bottom:1px solid #e4e7eb;border-radius:8px 8px 0 0;margin-bottom:4px}
.hm-dep-plus .v2-dep__panneau.hm-dep-mobile{position:fixed !important;left:8px !important;right:8px !important;width:auto !important;max-width:none !important;z-index:1000 !important;transform:none !important}
html.msl-sombre .hm-dep-plus .v2-dep__liste a:hover,html.msl-sombre .hm-dep-plus .v2-dep__liste a.est-ici{background:#14233a}