/* v1.1.0 */
/* Hexagone Météo — identité V5 (mu-plugin msl-identite) [identite-v5]
   Lettres pleines (Archivo), texte contrasté, six couleurs de rubrique, coins nets.
   Couper : ?msl_id=0 dans l'adresse. */
:root{
  --id-encre:#0B1118;--id-texte:#1E2731;--id-doux:#46515E;--id-filet:#D3DAE3;--id-fond:#EDF0F4;--id-nuit:#08121D;
  --id-orages:#E8701A;--id-meso:#D9482B;--id-grele:#A23CC8;--id-rafales:#2C5FC8;--id-crues:#1A9C9C;--id-vigne:#8E2A4F;--id-pros:#6E8B2E;
  --id-pro:linear-gradient(135deg,#0b5ccf,#12a150);
  --id-titre:"Archivo","Arial Narrow",system-ui,sans-serif;
  --id-bande:linear-gradient(90deg,#E8701A 0 16.66%,#A23CC8 16.66% 33.33%,#2C5FC8 33.33% 50%,#1A9C9C 50% 66.66%,#8E2A4F 66.66% 83.33%,#6E8B2E 83.33%);
  --v2-doux:#46515E;
}

/* ---- texte : Archivo partout, plus sombre ---- */
body,body .wp-site-blocks,body .v2,body button,body input,body select,body textarea{font-family:"Archivo",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;font-stretch:100%}
html:not(.msl-sombre) body{color:var(--id-texte)}

/* ---- titres : pleins et serrés ---- */
body h1,body h2,body .wp-block-post-title,body .v2-heros__titre{font-family:var(--id-titre);font-weight:900 !important;font-stretch:82%;letter-spacing:-.005em;line-height:1.02}
body h3{font-family:var(--id-titre);font-weight:800;font-stretch:90%}
html:not(.msl-sombre) body h1,html:not(.msl-sombre) body h2,html:not(.msl-sombre) body .wp-block-post-title{color:var(--id-encre)}
body h1.wp-block-post-title{font-size:clamp(34px,5vw,56px) !important;text-transform:none}
body h1.wp-block-post-title::after{content:"";display:block;width:56px;height:5px;margin-top:14px;background:var(--id-rubrique,var(--id-rafales))}

/* ---- bande six couleurs en haut de l'en-tête et du pied ---- */
.v2-tete::before,.hm-tete::before{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:var(--id-bande);z-index:2;pointer-events:none}
.v2-pied{position:relative;background:#0B1118 !important;color:#C5D0DC}
.v2-pied::before{content:"";position:absolute;left:0;right:0;top:0;height:5px;background:var(--id-bande)}
body .v2-pied a,body .v2-pied p,body .v2-pied span,body .v2-pied .v2-pied__col a{color:#C5D0DC !important;opacity:1 !important}
.v2-pied a:hover{color:#fff !important}
.v2-pied .v2-pied__nom{font-family:var(--id-titre);font-weight:900;font-stretch:125%;text-transform:uppercase;font-size:20px !important;color:#fff !important;letter-spacing:-.005em}
.v2-pied__col > p{font-weight:800;font-size:12px !important;letter-spacing:.12em;text-transform:uppercase;color:#fff !important}

/* ---- boutons : capitales, coins nets ---- */
body .v2-btn,body a.v2-btn,body .msl-pro-btn,body .wp-block-button__link,body .v4-alerte__btn,body .v4-sig__btn,body .v4-prono__ok{font-weight:800 !important;text-transform:uppercase;letter-spacing:.06em;font-size:14px !important;border-radius:4px !important}
body .v2-connexion{border-radius:4px !important;font-weight:700}
body .v2-tete .msl-pro-btn{font-size:13px !important}

/* ---- surtitres : capitales + pastille hexagonale de la couleur de rubrique ---- */
.v4-sur,.msl-sa__sur,.msl-evt__sur,.id-sur{display:inline-flex !important;align-items:center;gap:8px;font-family:var(--id-titre);font-weight:800 !important;font-size:12px !important;letter-spacing:.12em !important;text-transform:uppercase;color:var(--id-rubrique,var(--id-rafales)) !important}
.v4-sur::before,.msl-sa__sur::before,.msl-evt__sur::before,.id-sur::before{content:"";flex:0 0 auto;width:11px;height:12px;background:currentColor;clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%)}
.msl-evt__sur .msl-evt__pulse{display:none}

/* ---- les six rubriques ---- */
.id-orages,.v4-commu,.msl-evt,.v2-duo .msl-evt{--id-rubrique:var(--id-orages)}
.id-grele{--id-rubrique:var(--id-grele)}
.id-rafales,.v2-bul,#previsions{--id-rubrique:var(--id-rafales)}
.id-crues,#climat,.v2-sta,.msl-sa{--id-rubrique:var(--id-crues)}
.id-vigne{--id-rubrique:var(--id-vigne)}
.id-pros,#offres,.v2-offres2{--id-rubrique:var(--id-pros)}
/* pages : la couleur suit le sujet */
body.page-id-69,body[class*="previsions"]{--id-rubrique:var(--id-rafales)}
body.page-id-71,body.page-id-78,body[class*="climat"]{--id-rubrique:var(--id-crues)}
body.single-post{--id-rubrique:var(--id-orages)}
body[class*="gelees"],body[class*="viti"]{--id-rubrique:var(--id-vigne)}
body.msl-offres{--id-rubrique:var(--id-pros)}

/* =====================================================================
   ACCUEIL (body.msl-v4)
   ===================================================================== */
html:not(.msl-sombre) .msl-v4 main,html:not(.msl-sombre) .msl-v4 .wp-site-blocks{background:#fff}

/* ---- v1.1.0 — héros clair : le dégradé de la page des offres (bleu → vert → or, très léger) + filet bleu-vert ---- */
html:not(.msl-sombre) .msl-v4 .v2-heros{background:linear-gradient(160deg,rgba(11,92,207,.08),rgba(18,161,80,.07) 55%,rgba(242,169,0,.07)) !important;border:0 !important;position:relative}
html:not(.msl-sombre) .msl-v4 .v2-heros::after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:linear-gradient(90deg,#0b5ccf,#12a150 55%,#f2a900);pointer-events:none}
.msl-v4 .v2-heros .v2-heros__titre{text-transform:uppercase;line-height:.95 !important;letter-spacing:-.01em}
html:not(.msl-sombre) .msl-v4 .v2-heros .v2-heros__titre{color:var(--id-encre) !important}
.msl-v4 .v2-heros .v2-heros__titre .id-dep{background:linear-gradient(100deg,#0b5ccf,#12a150);-webkit-background-clip:text;background-clip:text;color:transparent}
html.msl-sombre .msl-v4 .v2-heros .v2-heros__titre .id-dep{background-image:linear-gradient(100deg,#4E9BFF,#2FD07A)}
html:not(.msl-sombre) .msl-v4 .v2-heros .v4-ici{background:#fff;border:0 !important;border-radius:6px !important;border-top:4px solid transparent !important;border-image:var(--id-pro) 1 !important;box-shadow:0 16px 36px -24px rgba(11,40,80,.45)}
.msl-v4 .v2-heros .v4-ici__nom{font-family:var(--id-titre);font-weight:900 !important;font-stretch:80%;text-transform:uppercase}
html:not(.msl-sombre) .msl-v4 .v2-heros .v2-carte__modes,html:not(.msl-sombre) .msl-v4 .v2-heros .v2-alterne{background:#fff !important;border:1px solid var(--id-filet) !important;border-radius:6px !important}
html:not(.msl-sombre) .msl-v4 .v2-heros .v2-carte__modes button[aria-pressed="true"],html:not(.msl-sombre) .msl-v4 .v2-heros .v2-carte__modes .est-actif{background:var(--id-encre) !important;color:#fff !important;border-radius:4px !important}
.msl-v4 .v2-heros .v2-procarte{border-radius:4px !important}

/* ---- titres de section : couleur de rubrique sur un mot, trait épais ---- */
.msl-v4 .v2-titre,.msl-v4 .v2-bul__titre,.msl-v4 .v4-h2,.msl-v4 .msl-evt__titre,.msl-v4 .msl-sa h2{font-family:var(--id-titre) !important;font-weight:900 !important;font-stretch:82% !important;font-size:clamp(28px,3.2vw,40px) !important;line-height:1.02 !important;letter-spacing:-.005em !important}
.msl-v4 .v4-prono .v4-h2{font-size:clamp(22px,2vw,26px) !important}
.msl-v4 .v4-prono__val{font-family:var(--id-titre);font-weight:800 !important;font-stretch:85%;font-variant-numeric:tabular-nums}
.msl-v4 .v4-prono__pm{border-radius:4px !important}
.msl-v4 .v2-titre::after,.msl-v4 .v2-bul__titre::after,.msl-v4 .v4-commu .v4-h2:not(.v4-prono .v4-h2)::after,.msl-v4 .msl-evt__titre::after{content:"";display:block;width:56px;height:5px;margin-top:12px;background:var(--id-rubrique,var(--id-rafales))}
.msl-v4 .v2-bul__titre > span:not(.id-mot){display:block;margin-top:10px;font-family:var(--id-titre);font-weight:800;font-stretch:100%;font-size:12px !important;letter-spacing:.12em;text-transform:uppercase;color:var(--id-rubrique) !important;margin-bottom:8px}
.msl-v4 .v2-bul__titre .id-mot{display:inline !important;font-size:inherit !important;font-weight:inherit !important;letter-spacing:inherit !important;text-transform:none !important;margin:0 !important;font-family:inherit !important;font-stretch:inherit !important}
.msl-v4 .id-mot{color:var(--id-rubrique,var(--id-rafales))}
.msl-v4 .v2-outils .v2-titre::after{background:var(--id-bande)}

/* ---- prévisions : trois colonnes, filets de couleur ---- */
.msl-v4 .v2-bul__bloc{border-top:4px solid var(--id-encre);padding-top:14px !important;background:none !important;border-radius:0 !important}
.msl-v4 .v2-bul__bloc:nth-child(2){border-top-color:var(--id-rafales)}
.msl-v4 .v2-bul__bloc:nth-child(3){border-top-color:var(--id-orages)}
.msl-v4 .v2-bul__bloc h3{font-family:var(--id-titre);font-weight:800 !important;font-stretch:100%;font-size:13px !important;letter-spacing:.12em;text-transform:uppercase;color:var(--id-encre) !important}
.msl-v4 .v2-bul__bloc:nth-child(2) h3{color:var(--id-rafales) !important}
.msl-v4 .v2-bul__bloc:nth-child(3) h3{color:var(--id-orages) !important}
.msl-v4 .v2-bul__lien{font-weight:800;text-transform:uppercase;letter-spacing:.08em;font-size:13px}

/* ---- communauté : orange ---- */
.msl-v4 .v4-sig__btn{background:var(--id-orages) !important;border-color:var(--id-orages) !important;color:#fff !important}
.msl-v4 .v4-prono{border-radius:4px !important}

/* ---- événements : orange / méso ---- */
.msl-v4 .msl-evt{border-radius:4px !important}
.msl-v4 .msl-evt__sur{white-space:nowrap}
.msl-v4 .msl-evt__lien{border-radius:4px !important}

/* ---- outils : une couleur par outil, icône dans un hexagone ---- */
.msl-v4 .v2-outils li a svg{box-sizing:content-box;width:20px !important;height:20px !important;padding:12px 11px;color:#fff !important;stroke:#fff;background:var(--id-c,var(--id-rafales));clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);flex:0 0 auto}
.msl-v4 .v2-outils li:nth-child(1){--id-c:var(--id-orages)}
.msl-v4 .v2-outils li:nth-child(2){--id-c:var(--id-grele)}
.msl-v4 .v2-outils li:nth-child(3){--id-c:var(--id-crues)}
.msl-v4 .v2-outils li:nth-child(4){--id-c:var(--id-pros)}
.msl-v4 .v2-outils li:nth-child(5){--id-c:var(--id-vigne)}
.msl-v4 .v2-outils li:nth-child(6){--id-c:var(--id-rafales)}
.msl-v4 .v2-outils li a b{font-family:var(--id-titre);font-weight:800;font-stretch:90%;font-size:17.5px}
.msl-v4 .v2-outils li a:hover b{color:var(--id-c) !important}

/* ---- climat : bandeau sombre, bleu-vert ---- */
.msl-v4 .v2-sta .msl-sa{border-radius:4px !important}
.msl-v4 .msl-sa h2 .id-mot{color:var(--id-crues)}
.msl-v4 .msl-sa a[class*="btn"],.msl-v4 .msl-sa button,.msl-v4 .msl-sa input{border-radius:4px !important}
.msl-v4 .msl-sa a[class*="btn"]{text-transform:uppercase;letter-spacing:.06em;font-weight:800 !important;font-size:13px !important}
.msl-v4 .msl-sa [class*="annee"],.msl-v4 .msl-sa [class*="grand"]{color:var(--id-crues) !important}
.msl-v4 .msl-sa b,.msl-v4 .msl-sa strong{font-variant-numeric:tabular-nums}

/* ---- offres : liseré de couleur par formule ---- */
.msl-v4 .v2-of{border-radius:4px !important;border-top:4px solid var(--id-c,var(--id-filet)) !important}
.msl-v4 .v2-of:nth-child(1){--id-c:#5B6878}
.msl-v4 .v2-of:nth-child(2){--id-c:var(--id-orages)}
.msl-v4 .v2-of:nth-child(3){--id-c:var(--id-grele)}
.msl-v4 .v2-of:nth-child(4){--id-c:var(--id-rafales)}
.msl-v4 .v2-of:nth-child(5){--id-c:var(--id-vigne)}
.msl-v4 .v2-of__nom{font-family:var(--id-titre);font-weight:900 !important;font-stretch:85%;text-transform:uppercase;font-size:19px !important;color:var(--id-c) !important;letter-spacing:.01em}
.msl-v4 .v2-of__prix b{font-family:var(--id-titre);font-weight:800;font-stretch:85%;font-variant-numeric:tabular-nums}
.msl-v4 .v2-titre .id-pro{background:linear-gradient(100deg,#0b5ccf,#12a150);-webkit-background-clip:text;background-clip:text;color:transparent}

.msl-v4 .v2-offres2__tout{border-radius:4px !important;text-transform:uppercase;letter-spacing:.06em;font-weight:800 !important;font-size:13px !important}
.msl-v4 .v2-offres2__sur{border-radius:4px !important;background:#0B1118 !important}
.msl-v4 .v2-offres2__sur a,.msl-v4 .v2-offres2__sur button{border-radius:4px !important;text-transform:uppercase;letter-spacing:.06em;font-weight:800 !important;font-size:13px !important}
.msl-v4 .v2-bul,.msl-v4 .v4-commu{border-radius:0 !important}
.msl-v4 .v2-bul__titre{display:block !important}
.msl-v4 .v2-heros .v2-heros__titre{font-size:clamp(36px,4.3vw,60px) !important}
.msl-v4 .v2-heros .id-dep--court{white-space:nowrap}