/* ==========================================================
   Grazzano.it - navigazione Variante 3 rosso araldico - fase 2.1
   Verde base #016333 - pannelli #014B26 - verde notte #01331A
   Rosso #A50F17 solo su hover, voce attiva e toggle aperti
   Ottone #A9822F sui marcatori
   ========================================================== */

:root {
  --bs-link-color: #016333;
  --bs-link-hover-color: #014B26;
  --bs-link-color-rgb: 1, 99, 51;
  --bs-link-hover-color-rgb: 1, 75, 38;
}

/* --- barra: variabili del tema ---
   la variabile active alimenta anche i toggle a riposo:
   resta verde notte, il rosso viene dato con regole mirate */
.navbar-barceloneta {
  --bs-navbar-background: #016333;
  --bs-navbar-hover-background: #A50F17;
  --bs-navbar-active-background: #01331A;
}
#portal-globalnav-wrapper {
  background-color: #016333;
  border-bottom: 3px solid #01331A;
}

/* voce attiva o nel percorso corrente, in barra: rosso + sottolineatura ottone */
#portal-globalnav > li > .nav-link.current,
#portal-globalnav > li > .nav-link.active,
#portal-globalnav > li.in-path > .nav-link,
#portal-globalnav > li.inPath > .nav-link {
  background-color: #A50F17;
  box-shadow: inset 0 -3px 0 #A9822F;
}

/* pannelli a tendina: un gradino piu scuri, con bordo e ombra */
#portal-globalnav ul.dropdown {
  background-color: #014B26;
  border: 1px solid #01331A;
  box-shadow: 0 12px 24px rgba(0, 20, 10, 0.35);
}

/* pagina corrente nei pannelli: rosso + barretta ottone */
#portal-globalnav ul.dropdown .nav-link.current {
  background-color: #A50F17;
  box-shadow: inset 3px 0 0 #A9822F;
}

/* riga in hover nei pannelli: barretta ottone (fondo rosso dalla variabile hover) */
#portal-globalnav ul.dropdown .nav-link:hover,
#portal-globalnav ul.dropdown .nav-link:focus {
  box-shadow: inset 3px 0 0 #A9822F;
}

/* toggle aperti: rosso; a riposo seguono il tema (verde notte) */
#portal-globalnav .opener:checked + label {
  background-color: #A50F17;
}

/* menu responsive */
#offcanvasNavbar {
  --bs-offcanvas-bg: #016333;
  background-color: #016333;
}

/* --- footer --- */
#portal-footer-wrapper { background-color: #016333; color: #fff; }
#portal-footer-wrapper a { color: #fff; }

/* --- link e bottoni --- */
a { color: #016333; }
a:hover, a:focus { color: #014B26; }

.btn-primary {
  --bs-btn-bg: #016333;
  --bs-btn-border-color: #016333;
  --bs-btn-hover-bg: #014B26;
  --bs-btn-hover-border-color: #014B26;
  --bs-btn-active-bg: #01331A;
  --bs-btn-active-border-color: #01331A;
  --bs-btn-disabled-bg: #4E9973;
  --bs-btn-disabled-border-color: #4E9973;
}

/* --- tocchi di ottone --- */
.documentByLine { color: #7E6122; }
blockquote { border-left: 4px solid #A9822F; }