/* MeteoPutignano mobile navigation V1: isolated from site styles. */
.mp-menu-toggle{display:none;align-items:center;justify-content:center;flex-direction:column;gap:5px;width:43px;height:42px;flex:0 0 43px;border:1px solid rgba(255,255,255,.22);border-radius:10px;background:rgba(255,255,255,.08);color:#effaff;cursor:pointer;padding:9px;margin-left:auto}
.mp-menu-toggle span{width:21px;height:2px;background:currentColor;border-radius:5px;transition:transform .18s,opacity .18s}
.mp-menu-toggle[aria-expanded="true"] span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.mp-menu-toggle[aria-expanded="true"] span:nth-child(2){opacity:0}
.mp-menu-toggle[aria-expanded="true"] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
@media(max-width:900px){
 .site-header{z-index:100!important}
 .site-header .header-inner{position:relative;gap:10px}
 .site-header .mp-menu-toggle{display:flex;order:3;margin-left:4px}
 .site-header .live-pill{margin-left:auto;order:2}
 .site-header .top-nav{display:none!important;position:absolute;top:calc(100% + 8px);right:0;left:0;margin:0!important;padding:9px;flex-direction:column;gap:4px;background:#0c2636;border:1px solid rgba(255,255,255,.15);border-radius:15px;box-shadow:0 18px 38px rgba(2,19,32,.35);z-index:101}
 .site-header .top-nav.mp-menu-open{display:flex!important}
 .site-header .top-nav a{display:block;padding:13px 15px;color:#dbeaf2!important;font-size:15px!important;line-height:1.3;border-radius:9px}
 .site-header .top-nav a:hover,.site-header .top-nav a.active{background:rgba(255,255,255,.12)!important;color:#fff!important}
}
@media(max-width:420px){.site-header .brand strong{font-size:17px}.site-header .mp-menu-toggle{flex-basis:40px;width:40px}.site-header .live-pill{font-size:10px;padding:8px}}