:root{
--fg:#0b2239; --nav:#122559; --muted:#6b7b8b; --cta:#122559;
--accent:#5ebe31; --bg:#ffffff; --soft:#e6edf3;
}


/* Header wrapper */
.site-header{position:sticky; top:0; z-index:50; background:#fff; border-bottom:1px solid var(--soft)}
.site-topbar{ background:var(--nav); color:#fff; font-size:14px; }
.site-topbar .container{ max-width:1200px; margin:0 auto; padding:10px 16px; display:flex; justify-content:flex-end; }
.site-topbar a{color:#fff; opacity:.95}


/* Riga logo + hamburger */
.logo-row{ max-width:1200px; margin:0 auto; padding:12px 16px; display:flex; align-items:center; justify-content:space-between; gap:12px }
.logo-row img{ max-width:420px; height:auto; display:block }


/* Nav desktop (orizzontale) */
.nav-desktop{ display:flex; border-top:1px solid var(--soft); }
.nav-desktop .menu{ max-width:1200px; margin:0 auto; padding:12px 16px; display:flex; gap:28px; justify-content:flex-end; width:100% }
.nav-desktop a{ letter-spacing:.04em; text-transform:uppercase; color:#6d7480; font-weight:600 }
.nav-desktop a:hover, .nav-desktop a[aria-current="page"]{ color:var(--fg) }


/* Bottone hamburger */
.hamburger{ appearance:none; border:0; background:#fff; width:44px; height:44px; border-radius:8px; display:none; place-content:center; cursor:pointer; }
.hamburger span,.hamburger::before,.hamburger::after{ content:""; display:block; height:2px; width:22px; background:var(--nav); margin:0 auto; transition:transform .25s ease, opacity .25s ease }
.hamburger::before{ transform: translateY(-6px) }
.hamburger::after{ transform: translateY(6px) }
.hamburger.is-open span{ opacity:0 }
.hamburger.is-open::before{ transform: translateY(0) rotate(45deg) }
.hamburger.is-open::after{ transform: translateY(0) rotate(-45deg) }


/* Drawer (menu laterale) */
.drawer-overlay{ position:fixed; inset:0; background:rgba(0,0,0,.38); opacity:0; pointer-events:none; transition:opacity .25s ease; z-index:60 }
.drawer{ position:fixed; top:0; bottom:0; right:0; width:min(86vw, 340px); background:#fff; transform:translateX(100%); transition: transform .28s cubic-bezier(.22,.61,.36,1); z-index:61; display:flex; flex-direction:column }
.drawer-header{ display:flex; align-items:center; justify-content:space-between; padding:14px 16px; border-bottom:1px solid var(--soft) }
.drawer-menu{ padding:8px 6px 20px }
.drawer-menu a{ display:block; padding:14px 12px; border-radius:10px; margin:6px 8px; text-transform:uppercase; font-weight:700; letter-spacing:.04em; color:#6d7480 }
.drawer-menu a:hover, .drawer-menu a[aria-current="page"]{ background:#f7fafc; color:var(--nav) }
.drawer-footer{ margin-top:auto; padding:14px 16px; border-top:1px solid var(--soft); font-size:13px; color:var(--muted) }


/* Stati aperto/chiuso */
.drawer-open .drawer{ transform:translateX(0) }
.drawer-open .drawer-overlay{ opacity:1; pointer-events:auto }
.no-scroll{ overflow:hidden }


/* Responsività: hamburger ON su mobile, nav desktop nascosto */
@media (max-width: 900px){
.hamburger{ display:grid;  margin-left:auto;  /* <-- spinge il bottone tutto a destra */ }
.nav-desktop{ display:none }
.logo-row img{ max-width:320px }
}