/* === 02-header-nav: header verde sottile + nav + bottoni header === */
.main-header{
  background:var(--c-primario); box-shadow:var(--ombra);
  padding:0 var(--spazio-lg); height:var(--header-height);
  position:fixed; top:0; width:100%; z-index:1000;
  display:flex; align-items:center; gap:var(--spazio-md);
}

/* Titolo/logo (bianco perla) */
.logo{
  display:inline-flex; align-items:center; gap:var(--spazio-sm);
  font-family:var(--font-heading); font-weight:800; font-size:1.35rem; color:var(--c-perla);
  flex:1;
}
.logo i,.logo span{color:var(--c-perla)}

/* Hamburger a sinistra */
.mobile-nav-toggle{
  background:transparent; border:0; color:var(--c-perla);
  cursor:pointer; font-size:1.35rem; z-index:1001; transition:var(--transizione);
  order:-1;
}
.mobile-nav-toggle:hover{opacity:.9}

/* Drawer mobile */
.nav-wrapper{
  position:fixed; inset:var(--header-height) 0 0 0; background:var(--c-superficie);
  display:flex; flex-direction:column; align-items:center; gap:var(--spazio-lg);
  padding:var(--spazio-xl) var(--spazio-md); transform:translateX(100%);
  transition:transform .35s ease-out; z-index:1000;
}
.nav-wrapper[data-visible="true"]{transform:translateX(0)}

.main-nav{display:flex;flex-direction:column;align-items:center;gap:var(--spazio-lg)}
.main-nav a{font-weight:700;color:var(--c-testo);text-decoration:none;transition:var(--transizione)}
.main-nav a:hover{color:var(--c-primario)}

.header-actions{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;gap:.6rem}

/* Bottoni nell’header: rettangolari stondati compatti */
.main-header .button-primary,
.main-header .button-secondary,
.main-header .button-social{
  padding:.6rem 1rem; border-radius:12px; border:2px solid transparent;
  font-weight:700; line-height:1; width:auto; text-align:center;
  transition:var(--transizione); cursor:pointer; font-family:var(--font-body);
}
.main-header .button-primary{background:#43a047;color:#fff}
.main-header .button-primary:hover{background:var(--c-primario-hover);transform:translateY(-1px)}
.main-header .button-secondary{background:transparent;border-color:rgba(255,255,255,.6);color:#f0f0f0}
.main-header .button-secondary:hover{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.85);color:#fff}
.main-header .button-social.google{
  background:#4285F4;color:#fff;border-color:#4285F4;border-radius:12px;
  display:inline-flex;align-items:center;justify-content:center;gap:.5rem;
}
.main-header .button-social.google:hover{background:#3367D6}