/* Hexagone Météo — le radar aux couleurs du site [radar-bleu] v1.0.1 */
@import url("https://fonts.googleapis.com/css2?family=Archivo:wdth,wght@100..125,400..900&display=swap");
:root{--mq-bleu:#0b5ccf!important;--mq-encre:#0f1d2e!important;--mq-doux:#526173!important;--mq-filet:rgba(11,40,80,.12)!important;--mq-police:'Archivo',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Arial,sans-serif!important;--hb-degrade:linear-gradient(135deg,#0b5ccf,#12a150)}
/* panneaux : coins plus ronds, ombre bleutée */
.mq-panneau{border-radius:18px!important;box-shadow:0 2px 6px rgba(8,40,100,.08),0 14px 34px -10px rgba(8,40,100,.28)!important}
/* onglets du haut : l'onglet choisi en bleu plein */
.mq-usage{border-radius:12px!important}
body.mq .mq-ui .mq-usages .mq-usage[aria-pressed="true"],.mq-usage[aria-pressed="true"]{background:var(--hb-degrade)!important;color:#fff!important;box-shadow:0 6px 16px -8px rgba(11,92,207,.8)!important}
body.mq .mq-ui .mq-usage[aria-pressed="true"] .ra-pro{background:#fff!important;color:#0b5ccf!important}
.mq-usage[aria-pressed="true"] .mq-ic{filter:drop-shadow(0 0 4px rgba(255,255,255,.55))!important}
/* rappel « Storm tracking » et puces */
.mq-rappel__t{color:#0b5ccf!important;font-weight:700}
.mq-puce[aria-pressed="true"],.mq-rail button[aria-pressed="true"]{background:#0b5ccf!important}
/* lecteur : bouton lecture et boutons ouverts au bleu du site */
.mq-play{background:var(--hb-degrade)!important;box-shadow:0 8px 18px -8px rgba(11,92,207,.9)}
.mq-btn{border-radius:12px!important}
.mq-btn[aria-expanded="true"]{background:#0b5ccf!important;color:#fff!important}
.mq-ligne[aria-pressed="true"] .mq-inter{background:#0b5ccf!important}

/* la marque : retour au site, alertes, compte */
.hb-rm{position:fixed;z-index:1200;display:flex;align-items:center;gap:4px;padding:4px;border-radius:999px;background:linear-gradient(135deg,#0a3f9c,#1263d6);box-shadow:0 10px 26px -10px rgba(5,25,70,.75),0 0 0 1px rgba(255,255,255,.18) inset;font-family:'Archivo',-apple-system,'Segoe UI',sans-serif;pointer-events:auto}
.hb-rm a{display:flex;align-items:center;justify-content:center;gap:8px;height:40px;min-width:40px;border-radius:999px;color:#fff!important;text-decoration:none!important;font-weight:800;font-size:14px;white-space:nowrap}
.hb-rm a:hover{background:rgba(255,255,255,.14)}
.hb-rm__site{padding:0 14px 0 6px}
.hb-rm__site img{width:30px;height:30px;display:block}
.hb-rm__site b{font-stretch:125%;letter-spacing:-.01em;font-size:14px}
.hb-rm__site b span{color:#a8d4ff}
.hb-rm__site i{font-style:normal;opacity:.75;font-weight:700}
.hb-rm__txt{display:flex;flex-direction:column;line-height:1.05;text-align:left}
.hb-rm__txt small{font-size:11px;font-weight:600;color:#cfe2ff;letter-spacing:.01em;margin-top:2px}
.hb-rm a.hb-rm__site{height:44px}
.hb-rm svg{width:19px;height:19px;stroke:#fff;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.hb-rm__sep{width:1px;height:22px;background:rgba(255,255,255,.25)}
@media (max-width:760px){
	.hb-rm{padding:3px}
	.hb-rm a{height:36px;min-width:36px}
	.hb-rm__site{padding:0 10px 0 4px}
	.hb-rm__site img{width:26px;height:26px}
	.hb-rm__site b{display:none}
	.hb-rm__site{padding:0 10px 0 4px;gap:5px}
	.hb-rm a.hb-rm__site{height:38px}
	.hb-rm__txt small{font-size:11.5px;font-weight:700;color:#fff;margin:0;max-width:52px;white-space:normal;line-height:1.05}
	.hb-rm__alertes,.hb-rm__compte,.hb-rm__sep{display:none!important}
}