/* =============================================================================
   0. Utility: Container centrale
   ========================================================================== */
.container {
  max-width: 1280px;
  margin: 0 auto;
  padding: 0 20px;
}



/* =============================================================================
   Menu – Font Override
   ========================================================================== */

/* Tutti i link del menu principale */
.site-header .main-navigation a,
.main-navigation a,
.nav-menu li a {
  font-family: 'Optima Nova LT Pro', Georgia, serif;
  font-weight: 300;
  letter-spacing: 0.3px;
  text-transform: none;      /* mantiene il case originale */
}

/* Se vuoi un peso leggermente più alto sui menu dropdown */
.site-header .main-navigation li li a,
.main-navigation li li a {
  font-weight: 400;
}

/* Hover & stato attivo */
.site-header .main-navigation a:hover,
.site-header .main-navigation .current-menu-item > a {
  color: var(--graff-gold);  /* o il colore hover che preferisci */
}

/* Responsività: mantiene leggibile anche su mobile */
@media (max-width: 768px) {
  .site-header .main-navigation a,
  .nav-menu li a {
    font-size: 1rem;
    letter-spacing: 0.2px;
  }
}



/* Mobile menu links */
.mobile-navigation > ul > li > a {
  font-family: 'Optima Nova LT Pro', Georgia, serif;
  font-weight: 300;
  letter-spacing: 0.3px;
}


/* Peso leggermente più alto sui sotto‐menu o voce attiva */
.mobile-navigation > ul > li.menu-item-has-children > a,
.mobile-navigation > ul > li.current-menu-item > a {
  font-weight: 400;
}




/* =============================================================================
   Override responsive per contenuto compatto sotto il menu
   ========================================================================== */

/* Smartphone (fino a 767px) */
@media screen and (max-width: 767px) {
  .content-area {
    padding-top: 10px !important;  /* prima era 40px: adesso molto più compatto */
  }
}

/* Tablet (768px–1023px) */
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .content-area {
    padding-top: 20px !important;  /* dimezza lo spazio, ma non troppo stretto */
  }
}