/* ═══════════════════════════════════════════════
   HAMBURGER MENU — Condiviso tra tutte le pagine
   (esclusa index.html che ha il suo)
   ═══════════════════════════════════════════════ */

/* Garantisce che il burger si posizioni correttamente */
header{position:relative}

.nav-burger{
  display:none;
  position:absolute;right:20px;top:50%;transform:translateY(-50%);
  flex-direction:column;gap:5px;
  background:none;border:none;padding:4px;cursor:pointer;z-index:101;
}
.nav-burger span{
  display:block;width:22px;height:2px;
  background:white;border-radius:2px;transition:all .3s;
}
.nav-burger.open span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}
.nav-burger.open span:nth-child(2){opacity:0}
.nav-burger.open span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}

.nav-mobile{
  position:fixed;top:74px;left:0;right:0;bottom:0;
  background:var(--bianco,#F7F5F1);z-index:998;
  display:flex;flex-direction:column;padding:32px 28px;gap:4px;
  transform:translateX(100%);transition:transform .35s cubic-bezier(.77,0,.175,1);
  pointer-events:none;overflow-y:auto;
}
.nav-mobile.open{transform:translateX(0);pointer-events:all}
.nav-mobile a{
  font-family:'Cormorant Garamond',serif;
  font-size:1.9rem;font-weight:600;color:var(--testo,#152435);
  padding:12px 0;border-bottom:1px solid rgba(44,74,110,.1);
  transition:color .2s;text-decoration:none;
}
.nav-mobile a:hover{color:var(--blu,#2C4A6E)}
.nav-mobile-cta{
  margin-top:20px!important;background:var(--oro,#B8D44A);color:var(--testo,#152435)!important;
  padding:16px 28px!important;border-radius:8px;text-align:center;
  font-family:'Montserrat',sans-serif!important;font-size:.85rem!important;
  font-weight:800!important;letter-spacing:1px;border:none;
  border-bottom:none!important;
}

/* ═══ GESTIONALE LINK (solo se loggato) ═══ */
.gestionale-link{
  font-family:'Montserrat',sans-serif;
  font-size:.72rem;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;
  color:rgba(255,255,255,.85);
  text-decoration:none;
  padding:8px 16px;display:inline-flex;align-items:center;gap:6px;
  transition:all .2s;border-radius:6px;
  border:1px solid rgba(255,255,255,.25);
}
.gestionale-link:hover{color:white;border-color:rgba(255,255,255,.5)}
.gestionale-link svg{width:14px;height:14px}

/* When navbar is scrolled (index.html) */
.scrolled .gestionale-link{color:var(--testo2,#4A5568);border-color:rgba(44,74,110,.2)}
.scrolled .gestionale-link:hover{color:var(--blu,#2C4A6E);border-color:var(--blu,#2C4A6E)}

/* Header pages (non-index) */
header .gestionale-link{color:white;border-color:rgba(255,255,255,.25)}
header .gestionale-link:hover{color:var(--oro,#B8D44A);border-color:var(--oro,#B8D44A)}

/* ═══ PULSANTE LOGIN (quando non loggato) ═══ */
.nav-login-btn{
  font-family:'Montserrat',sans-serif;
  font-size:.72rem;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;
  color:rgba(255,255,255,.85)!important;
  padding:8px 16px;border-radius:6px;
  border:1px solid rgba(255,255,255,.25);
  transition:all .2s;cursor:pointer;text-decoration:none;
  display:inline-flex;align-items:center;gap:6px;
}
.nav-login-btn:hover{color:white!important;border-color:rgba(255,255,255,.5)}
/* index.html scrolled */
.scrolled .nav-login-btn{color:var(--testo2,#4A5568)!important;border-color:rgba(44,74,110,.2)}
.scrolled .nav-login-btn:hover{color:var(--blu,#2C4A6E)!important;border-color:var(--blu,#2C4A6E)}
/* header pages */
header .nav-login-btn{color:white!important;border-color:rgba(255,255,255,.25)}
header .nav-login-btn:hover{color:var(--oro,#B8D44A)!important;border-color:var(--oro,#B8D44A)}
/* Mobile login link */
.nav-mobile-login{
  margin-top:16px!important;
  display:flex!important;align-items:center;gap:8px;
  font-family:'Montserrat',sans-serif!important;
  font-size:.9rem!important;font-weight:700;
  color:var(--blu,#2C4A6E)!important;
  padding:12px 0!important;
  border-top:2px solid rgba(44,74,110,.1)!important;
  border-bottom:none!important;
}

@media(max-width:768px){
  /* Nasconde navigazione desktop, mostra burger */
  .hi nav,.hi .h-cta{display:none!important}
  .header-inner .hnav,.header-inner .h-cta{display:none!important}
  .nav-burger{display:flex!important}
  .hi,.header-inner{height:64px!important}
  .nav-mobile{top:64px}
  .gestionale-link{display:none!important}
  .nav-login-btn{display:none!important}
}