/* Meteopro. Original user-supplied weather symbol, responsive readable wordmark. */
.brand.site-brand{display:inline-flex;align-items:center;gap:10px;flex-shrink:0;text-decoration:none;letter-spacing:normal;color:#f0f7fc;line-height:1}
.site-brand-symbol{width:82px;height:50px;object-fit:contain;mix-blend-mode:screen;flex-shrink:0}
.site-brand-copy{display:flex;flex-direction:column;gap:8px}
.site-brand-name{font-family:Arial,Helvetica,sans-serif;font-size:30px;line-height:1;font-style:italic;font-weight:800;letter-spacing:-1.5px;color:#e8f5ff}
.site-brand-name>span{color:#ffb323}
.brand.site-brand .site-brand-tagline{display:block;font:600 6px/1.4 Arial,Helvetica,sans-serif;letter-spacing:1px;color:#aec8d9;margin:0;white-space:nowrap}
.site-brand-copy:after{content:'';height:2px;width:100%;background:linear-gradient(90deg,#269654 0 33.33%,#e6edf0 33.33% 66.66%,#e5443c 66.66%);border-radius:2px;opacity:.9}

/* Shared Meteopro navigation; no page-content selectors. */
.mp-header,.mp-mobile-nav,.mp-explore-sheet{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.4;font-size:14px;letter-spacing:normal;text-align:left}
.mp-header,.mp-header *,.mp-mobile-nav,.mp-mobile-nav *,.mp-explore-sheet,.mp-explore-sheet *{box-sizing:border-box}
.topbar.mp-header{display:flex;align-items:center;padding:0 4.5%;color:#fff;width:100%;flex-shrink:0}
.mp-header a,.mp-mobile-nav a,.mp-explore-sheet a{text-decoration:none}
.mp-header button,.mp-mobile-nav button,.mp-explore-sheet button{font:inherit;cursor:pointer}
.mp-header span,.mp-mobile-nav span,.mp-explore-sheet span{margin-left:0}
.mp-skip{position:fixed;top:-100px;left:12px;z-index:10001;padding:14px;background:#fff;color:#123549}.mp-skip:focus{top:8px}
/* Homepage navigation: dark glass, original vector icons and mobile dock. */
.topbar.mp-header{height:96px;min-height:96px;gap:24px;position:relative;z-index:40;background:radial-gradient(ellipse at 76% 0,rgba(24,99,129,.21),transparent 65%),linear-gradient(110deg,#061a2a,#0b2232 60%,#081b2b);border-bottom:1px solid rgba(118,188,215,.16);box-shadow:0 3px 25px rgba(0,8,16,.16)}
.topbar.mp-header .mp-desktop-nav{position:relative;isolation:isolate;display:flex;gap:3px;height:58px;padding:6px;margin-left:auto;border:1px solid rgba(161,210,230,.2);border-radius:19px;background:linear-gradient(155deg,rgba(116,174,202,.13),rgba(22,62,85,.35) 50%,rgba(5,25,39,.5));box-shadow:inset 0 1px 0 rgba(224,248,255,.14),inset 0 -1px 0 rgba(1,13,22,.35),0 8px 22px rgba(0,8,17,.2);backdrop-filter:blur(22px) saturate(145%);-webkit-backdrop-filter:blur(22px) saturate(145%)}
.mp-nav-icon{display:block;width:21px;height:21px;flex-shrink:0;overflow:visible}
.topbar.mp-header .mp-nav-link,.mp-mobile-nav .mp-nav-link{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:44px;padding:0 12px;border:0;border-radius:13px;text-decoration:none;white-space:nowrap;font-size:12px;font-weight:600;line-height:1;color:#acc7d9;background:none;transition:color .18s ease,background .18s ease;touch-action:manipulation}
.topbar.mp-header .mp-nav-link:hover,.topbar.mp-header .mp-nav-link:focus-visible{color:#f2fbff}.topbar.mp-header .mp-nav-link[aria-current]{color:#d8f7ff;background:linear-gradient(125deg,rgba(27,169,225,.3),rgba(38,116,165,.22));box-shadow:inset 0 0 0 1px rgba(112,212,255,.27)}
.mp-nav-glider{display:none;position:absolute;z-index:-1;left:0;top:6px;height:44px;width:var(--mp-width,80px);transform:translateX(var(--mp-x,6px));border-radius:13px;border:1px solid rgba(128,220,255,.35);background:linear-gradient(130deg,rgba(35,164,211,.35),rgba(28,100,148,.25));box-shadow:inset 0 1px rgba(210,249,255,.2),0 3px 14px rgba(0,12,25,.16);transition:transform .28s cubic-bezier(.2,.8,.2,1),width .28s cubic-bezier(.2,.8,.2,1)}
.mp-desktop-nav[data-ready] .mp-nav-glider{display:block}.topbar.mp-header .mp-desktop-nav[data-ready] .mp-nav-link[aria-current]{background:none;box-shadow:none}.topbar.mp-header .mp-nav-link--eye{color:#6ce1e7;margin-left:4px}.topbar.mp-header .mp-nav-link--eye:before{content:"";position:absolute;inset:1px;border-radius:12px;background:linear-gradient(110deg,rgba(26,205,198,.1),rgba(16,105,148,.06));border:1px solid rgba(95,211,224,.18);z-index:-1}.mp-nav-link--eye .mp-nav-icon{transition:transform .45s ease}.mp-nav-link--eye:hover .mp-nav-icon{transform:rotate(-16deg)}.topbar.mp-header .mp-nav-link--forum .mp-nav-icon,.mp-mobile-nav .mp-nav-link--forum .mp-nav-icon{color:#d9b58c}
.mp-explore-top,.mp-mobile-nav{display:none}.mp-explore-sheet:not([open]){display:none}.mp-explore-sheet{width:min(520px,calc(100vw - 32px));max-height:calc(100dvh - 130px);padding:24px;border:1px solid rgba(140,199,223,.3);border-radius:24px;color:#e0f1fc;background:linear-gradient(145deg,rgba(16,46,65,.97),rgba(4,23,38,.98));box-shadow:inset 0 1px rgba(216,242,255,.13),0 24px 90px rgba(0,0,0,.5);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);overflow-y:auto;overscroll-behavior:contain}.mp-explore-sheet::backdrop{background:rgba(0,9,18,.7);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.mp-sheet-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px}.mp-sheet-heading p{font-size:9px;letter-spacing:2px;color:#7fafc7;margin:0 0 7px}.mp-sheet-heading h2{font-size:23px;letter-spacing:-.7px;margin:0}.mp-sheet-close{display:flex;align-items:center;justify-content:center;width:44px;height:44px;flex-shrink:0;border-radius:50%;border:1px solid rgba(149,200,222,.22);background:rgba(117,167,195,.08);color:#c4e1f0}.mp-explore-sheet nav{display:grid;grid-template-columns:1fr 1fr;gap:10px}.mp-explore-sheet .mp-nav-link{display:flex;align-items:center;gap:12px;min-height:88px;padding:15px;border:1px solid rgba(116,176,204,.19);border-radius:15px;color:#c7e4f2;background:linear-gradient(135deg,rgba(98,149,177,.1),rgba(6,24,38,.2));text-decoration:none}.mp-explore-sheet .mp-nav-link strong{display:block;font-size:14px;font-weight:650}.mp-explore-sheet .mp-nav-link small{display:block;margin-top:5px;color:#91afc2;font-size:10px;line-height:1.45}.mp-explore-sheet .mp-nav-icon{width:25px;height:25px;color:#89c9e3}.mp-explore-sheet .mp-nav-link--eye{border-color:rgba(89,209,220,.35);background:linear-gradient(135deg,rgba(28,153,169,.2),rgba(9,51,68,.25))}.mp-explore-sheet .mp-nav-link--eye .mp-nav-icon{color:#6ce1e7}.mp-explore-sheet .mp-nav-link--forum .mp-nav-icon{color:#e3bb8a}.mp-explore-sheet .mp-nav-link:last-child:nth-child(odd){grid-column:1/-1;min-height:70px}.mp-explore-sheet .mp-nav-link:hover{background:rgba(65,123,153,.23)}
body.mp-menu-open{overflow:hidden}.mp-header a:focus-visible,.mp-mobile-nav :focus-visible,.mp-explore-sheet :focus-visible{outline:2px solid #8adcf5;outline-offset:3px}
@media(max-width:1150px) and (min-width:701px){.topbar.mp-header{height:auto;min-height:100px;padding:16px 4%;gap:14px;flex-wrap:wrap;justify-content:center}.topbar.mp-header .mp-desktop-nav{margin:0}.topbar.mp-header .mp-nav-link{padding:0 11px;font-size:12px}.topbar.mp-header .mp-nav-icon{width:19px;height:19px}}
@media(max-width:700px){.topbar.mp-header{height:auto;min-height:86px;padding:15px 5%;flex-wrap:wrap;gap:12px}.topbar.mp-header .site-brand-symbol{width:58px;height:38px}.topbar.mp-header .site-brand-name{font-size:26px}.topbar.mp-header .site-brand-tagline{font-size:5px}.topbar.mp-header .site-brand-copy{gap:6px}.topbar.mp-header .mp-desktop-nav{width:100%;height:auto;margin:0;flex-wrap:wrap}.topbar.mp-header .mp-nav-link{min-height:44px;padding:0 10px}.mp-enhanced .topbar.mp-header .mp-desktop-nav{display:none}.mp-enhanced .mp-explore-top{margin-left:auto;display:flex;align-items:center;justify-content:center;gap:7px;height:44px;padding:0 12px;color:#bad8e9;background:rgba(131,190,215,.07);border:1px solid rgba(146,203,226,.2);border-radius:14px;font-size:11px;font-weight:600}.mp-explore-top .mp-nav-icon{width:17px;height:17px}.mp-enhanced .mp-mobile-nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;position:fixed;z-index:100;bottom:calc(12px + env(safe-area-inset-bottom,0px));left:12px;right:12px;max-width:460px;margin:auto;padding:6px;border:1px solid rgba(160,214,237,.26);border-radius:23px;background:linear-gradient(140deg,rgba(28,58,78,.94),rgba(6,26,43,.94));backdrop-filter:blur(26px) saturate(150%);-webkit-backdrop-filter:blur(26px) saturate(150%);box-shadow:inset 0 1px rgba(221,246,255,.15),0 8px 32px rgba(0,5,12,.45)}.mp-mobile-nav .mp-nav-link{min-height:54px;flex-direction:column;gap:5px;padding:5px 2px;font-size:10px;border-radius:16px}.mp-mobile-nav .mp-nav-icon{width:22px;height:22px}.mp-mobile-nav [aria-current]{color:#c6f2ff;background:linear-gradient(140deg,rgba(28,164,219,.27),rgba(38,104,159,.15));box-shadow:inset 0 0 0 1px rgba(120,210,245,.22)}.mp-mobile-nav .mp-nav-link--eye{color:#76dce5}.mp-mobile-nav button[aria-expanded=true]{background:rgba(93,160,192,.18);color:#edfaff}body.mp-enhanced{padding-bottom:calc(98px + env(safe-area-inset-bottom,0px))}.mp-explore-sheet{position:fixed;inset:auto 0 calc(98px + env(safe-area-inset-bottom,0px));margin:0 auto;padding:20px;width:calc(100vw - 24px);max-width:460px;max-height:calc(100dvh - 125px)}.mp-explore-sheet nav{gap:8px}.mp-explore-sheet .mp-nav-link{padding:12px 10px;gap:9px;min-height:83px}.mp-explore-sheet .mp-nav-icon{width:22px;height:22px}.mp-explore-sheet .mp-nav-link strong{font-size:13px}.mp-sheet-heading h2{font-size:21px}}
@media(max-width:360px){.mp-explore-top span{display:none}.mp-explore-sheet{padding:16px}.mp-explore-sheet .mp-nav-link{gap:7px}.mp-explore-sheet .mp-nav-icon{width:19px;height:19px}.mp-explore-sheet .mp-nav-link small{font-size:9px}}
@media(prefers-reduced-motion:reduce){.mp-nav-glider,.mp-nav-link,.mp-nav-link .mp-nav-icon{transition:none!important}.mp-nav-link--eye:hover .mp-nav-icon{transform:none}}

@media(min-width:1151px) and (max-width:1350px){.topbar.mp-header{gap:12px;padding-left:3%;padding-right:3%}.topbar.mp-header .mp-nav-link{padding:0 8px;gap:5px}.topbar.mp-header .site-brand-name{font-size:30px}.topbar.mp-header .site-brand-symbol{width:65px}.topbar.mp-header .site-brand-tagline{font-size:5px}}

/* Situazione: accessible nested navigation, matching the glass header. */
.mp-situation-group{position:relative;display:flex;align-items:center}
.topbar.mp-header .mp-situation-group>.mp-nav-link{padding-right:3px}
.mp-situation-toggle{display:grid;place-items:center;width:25px;height:38px;border:0;border-radius:9px;background:transparent;color:#b9d6e6;cursor:pointer;padding:0;margin-right:4px}
.mp-situation-toggle:hover,.mp-situation-toggle[aria-expanded=true]{background:#66bbdf22;color:#fff}
.mp-situation-toggle svg{transition:transform .2s}
.mp-situation-toggle[aria-expanded=true] svg{transform:rotate(180deg)}
.mp-situation-dropdown{position:absolute;top:100%;left:-8px;z-index:120;min-width:270px;padding:12px 7px 7px;margin-top:5px;border:1px solid #7db8d54a;border-radius:17px;background:linear-gradient(145deg,#13374bf7,#071f31fa);box-shadow:0 16px 40px #0005,inset 0 1px #c5edff24;backdrop-filter:blur(24px)}
.mp-situation-dropdown:before{content:'';position:absolute;top:-12px;left:0;right:0;height:13px}
.mp-situation-dropdown[hidden]{display:none}
.topbar.mp-header .mp-situation-dropdown a{display:block;padding:12px 14px;border-radius:11px;color:#d9edf8;font-size:13px;white-space:nowrap}
.topbar.mp-header .mp-situation-dropdown a:hover,.topbar.mp-header .mp-situation-dropdown a:focus-visible{background:#64bbdf20;color:#fff}
.mp-situation-dropdown a span{display:block;font-size:10px;color:#96b9cb;font-weight:400;margin-top:5px}
.mp-sheet-group{min-width:0;border:1px solid #74b0cc30;border-radius:15px;overflow:hidden}
.mp-explore-sheet .mp-sheet-group .mp-nav-link{border:0;border-radius:0;min-height:80px}
.mp-explore-sheet .mp-sheet-sublink{display:flex;align-items:center;gap:8px;padding:12px 10px;color:#a8e1ef;font-size:11px;text-decoration:none;border-top:1px solid #74b0cc30;background:#4a98bb12}
.mp-explore-sheet .mp-sheet-sublink:hover{background:#4a98bb30}
@media(max-width:700px){.mp-situation-dropdown{left:0;min-width:245px}}
@media(min-width:701px) and (max-width:850px){.topbar.mp-header .mp-desktop-nav{gap:1px}.topbar.mp-header .mp-nav-link{padding:0 6px;font-size:11px;gap:5px}.topbar.mp-header .mp-nav-icon{width:18px;height:18px}}

.mp-explore-sheet a[aria-current]{border-color:#6bd4f6;color:#e4faff;background-color:#24799a30}

.mp-header svg,.mp-mobile-nav svg,.mp-explore-sheet svg{fill:none}