/* ===============================================================
   BARRA IN ALTO DOPO LO SCORRIMENTO

   In cima alla pagina la barra resta trasparente sopra la foto.
   Appena si scorre diventa bianca, con le scritte nel blu del sito.

   I template scrivono le loro regole dentro la pagina: qui si usa
   "body nav" per avere la meglio senza ricorrere a !important.

   La classe è "solid" su quasi tutte le pagine e "scrolled" sulla home.
   =============================================================== */

body nav.solid,
body nav.scrolled {
  background: #ffffff;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  box-shadow: 0 1px 22px rgba(2, 59, 82, 0.10);
}

/* ── voci del menu ───────────────────────────────────────────── */
body nav.solid .tv-nav-links > li > a,
body nav.scrolled .tv-nav-links > li > a,
body nav.solid .nav-links a,
body nav.scrolled .nav-links a,
body nav.solid .nav-logo,
body nav.scrolled .nav-logo,
body nav.solid .nav-bread,
body nav.scrolled .nav-bread {
  color: #023B52;
}

body nav.solid .tv-nav-links > li > a:hover,
body nav.scrolled .tv-nav-links > li > a:hover,
body nav.solid .tv-nav-links a.is-current,
body nav.scrolled .tv-nav-links a.is-current,
body nav.solid .tv-nav-links .current-menu-item > a,
body nav.scrolled .tv-nav-links .current-menu-item > a,
body nav.solid .tv-nav-links .current_page_item > a,
body nav.scrolled .tv-nav-links .current_page_item > a {
  color: #9A7A2E;   /* oro più scuro: sul bianco quello chiaro si legge male */
}

/* ── tendina delle sotto-pagine ──────────────────────────────── */
body nav.solid .tv-nav-links .sub-menu,
body nav.scrolled .tv-nav-links .sub-menu {
  background: #ffffff;
  box-shadow: 0 12px 32px rgba(2, 59, 82, 0.16);
  border: 1px solid rgba(2, 59, 82, 0.08);
}
body nav.solid .tv-nav-links .sub-menu a,
body nav.scrolled .tv-nav-links .sub-menu a {
  color: #023B52;
}
body nav.solid .tv-nav-links .sub-menu a:hover,
body nav.scrolled .tv-nav-links .sub-menu a:hover {
  color: #9A7A2E;
  background: rgba(2, 59, 82, 0.05);
}

/* ── selettore delle lingue ──────────────────────────────────── */
body nav.solid .tv-lingue > button,
body nav.scrolled .tv-lingue > button {
  color: #023B52;
  border-color: rgba(2, 59, 82, 0.30);
}
body nav.solid .tv-lingue > button:hover,
body nav.scrolled .tv-lingue > button:hover {
  border-color: #023B52;
}
body nav.solid .tv-lingue ul,
body nav.scrolled .tv-lingue ul {
  background: #ffffff;
  box-shadow: 0 12px 32px rgba(2, 59, 82, 0.16);
  border: 1px solid rgba(2, 59, 82, 0.08);
}
body nav.solid .tv-lingue a,
body nav.scrolled .tv-lingue a {
  color: #023B52;
}
body nav.solid .tv-lingue a:hover,
body nav.scrolled .tv-lingue a:hover,
body nav.solid .tv-lingue a[aria-current],
body nav.scrolled .tv-lingue a[aria-current] {
  color: #9A7A2E;
  background: rgba(2, 59, 82, 0.05);
}

/* ── pulsante con il solo contorno ───────────────────────────── */
body nav.solid .nav-outline,
body nav.scrolled .nav-outline {
  color: #023B52;
  border-color: rgba(2, 59, 82, 0.35);
}
body nav.solid .nav-outline:hover,
body nav.scrolled .nav-outline:hover {
  border-color: #023B52;
  background: rgba(2, 59, 82, 0.05);
}

/* Il pulsante dorato "Prenota ora" resta com'è: sul bianco funziona. */
