/* ==========================================================
   ON ZON SU SCHOOL
   TEMPLATE NAVBAR 2026
   File: css/navbar2026/navbar-onzonsu-2026.css
   Desktop / base generale
   ========================================================== */


/* ==========================================================
   Navbar contenitore principale
   ========================================================== */

.navbar-onzonsu-2026 {
  background: #e2ddd6 !important;
  background-image: none !important;
  border: none !important;
  margin-bottom: 0 !important;
  box-shadow: none !important;
  min-height: 50px;
}

.navbar-onzonsu-2026 .container {
  position: relative;
}


/* ==========================================================
   Reset sicurezza liste e pseudo-elementi
   ========================================================== */

.navbar-onzonsu-2026 .navbar-nav,
.navbar-onzonsu-2026 .navbar-nav > li,
.navbar-onzonsu-2026 .drop-down,
.navbar-onzonsu-2026 .drop-down li {
  list-style: none !important;
}

.navbar-onzonsu-2026 .navbar-nav > li::before,
.navbar-onzonsu-2026 .navbar-nav > li > a::before,
.navbar-onzonsu-2026 .drop-down li a::before {
  content: none !important;
  display: none !important;
}
/* ==========================================================
   Pallino arancione voci principali desktop
   ========================================================== */

@media screen and (min-width: 768px) {

  .navbar-onzonsu-2026 .navbar-nav > li::before {
    content: "•" !important;
    display: inline-block !important;
    position: absolute !important;
    left: 3px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    color: #B35400 !important;
    font-size: 14px !important;
    line-height: 1 !important;
    font-weight: 800 !important;
    z-index: 2;
  }

  .navbar-onzonsu-2026 .navbar-nav > li > a,
  .navbar-onzonsu-2026 .navbar-nav > li > .nav-dropdown-button {
    padding-left: 24px !important;
  }

}

/* ==========================================================
   Voci principali navbar
   ========================================================== */

.navbar-onzonsu-2026 .navbar-nav > li {
  position: relative;
}

.navbar-onzonsu-2026 .navbar-nav > li > a,
.navbar-onzonsu-2026 .navbar-nav > li > .nav-dropdown-button {
  display: block !important;
  position: relative !important;
  padding: 15px 15px !important;
  border: 0 !important;
  background: transparent !important;
  color: #333 !important;
  font-family: inherit !important;
  font-size: 15.5px !important;
  line-height: 20px !important;
  text-align: left !important;
  text-decoration: none !important;
  cursor: pointer !important;
  text-transform: uppercase !important;
  letter-spacing: 0.03em !important;
  font-weight: 800 !important;
  box-shadow: none !important;
  -webkit-appearance: none;
  appearance: none;
}


/* Hover voci principali */

.navbar-onzonsu-2026 .navbar-nav > li > a:hover,
.navbar-onzonsu-2026 .navbar-nav > li > .nav-dropdown-button:hover {
  color: #B35400 !important;
  background: transparent !important;
  text-decoration: none !important;
}


/* Focus accessibile ma neutro */

.navbar-onzonsu-2026 .navbar-nav > li > a:focus,
.navbar-onzonsu-2026 .navbar-nav > li > .nav-dropdown-button:focus {
  color: #333 !important;
  background: transparent !important;
  text-decoration: none !important;
  outline: 2px solid rgba(179,84,0,0.35) !important;
  outline-offset: 2px !important;
}


/* Dropdown aperto: voce principale neutra */

.navbar-onzonsu-2026 .open > .nav-dropdown-button,
.navbar-onzonsu-2026 .nav-dropdown-button[aria-expanded="true"] {
  color: #333 !important;
  background: transparent !important;
}


/* ==========================================================
   Pagina corrente / voce active
   Effetto vecchia navbar: sezione attiva piena
   ========================================================== */

@media screen and (min-width: 768px) {

  .navbar-onzonsu-2026 .navbar-nav > li.nav-current-page > a,
  .navbar-onzonsu-2026 .navbar-nav > li.active > a,
  .navbar-onzonsu-2026 .navbar-nav > li.nav-current-page > button.nav-dropdown-button,
  .navbar-onzonsu-2026 .navbar-nav > li.active > button.nav-dropdown-button {
    background: #F09A3A !important;
    color: #ffffff !important;
    font-weight: 800 !important;
    text-decoration: none !important;
  }

  .navbar-onzonsu-2026 .navbar-nav > li.nav-current-page > a:hover,
  .navbar-onzonsu-2026 .navbar-nav > li.active > a:hover,
  .navbar-onzonsu-2026 .navbar-nav > li.nav-current-page > button.nav-dropdown-button:hover,
  .navbar-onzonsu-2026 .navbar-nav > li.active > button.nav-dropdown-button:hover {
    background: #F09A3A !important;
    color: #ffffff !important;
  }

  .navbar-onzonsu-2026 .navbar-nav > li.nav-current-page > a::after,
  .navbar-onzonsu-2026 .navbar-nav > li.active > a::after,
  .navbar-onzonsu-2026 .navbar-nav > li.nav-current-page > button.nav-dropdown-button::after,
  .navbar-onzonsu-2026 .navbar-nav > li.active > button.nav-dropdown-button::after {
    content: "";
    display: block;
    position: absolute;
    left: 12px;
    right: 12px;
    bottom: 6px;
    height: 2px;
    background: #fff3e4;
    border-radius: 2px;
  }

  .navbar-onzonsu-2026 .navbar-nav > li.nav-current-page::before,
  .navbar-onzonsu-2026 .navbar-nav > li.active::before {
    color: #ffffff !important;
  }

}

/* ==========================================================
   Caret e simbolo registrato
   ========================================================== */

.navbar-onzonsu-2026 .nav-dropdown-button .caret {
  margin-left: 5px;
}

.navbar-onzonsu-2026 .registered-mark {
  font-size: 0.68em;
  line-height: 0;
  vertical-align: super;
}


/* ==========================================================
   Sottomenu desktop - apertura stabile al passaggio mouse
   ========================================================== */

.navbar-onzonsu-2026 .navbar-nav > li.dropdown {
  position: relative !important;
}

.navbar-onzonsu-2026 .navbar-nav > li.dropdown > .drop-down {
  position: absolute !important;
  top: 100% !important;
  left: 0 !important;
  z-index: 9999 !important;
  display: block !important;
  min-width: 230px;
  margin: 0 !important;
  margin-top: -1px !important;
  padding: 8px 0;
  background: #ffffff;
  border: 1px solid #e2ddd6;
  border-top: 3px solid #B35400;
  border-radius: 0 0 6px 6px;
  box-shadow: 0 6px 18px rgba(0,0,0,0.12);

  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transform: translateY(4px);
  transition: opacity 0.16s ease, transform 0.16s ease, visibility 0.16s ease;
}

.navbar-onzonsu-2026 .navbar-nav > li.dropdown:hover > .drop-down,
.navbar-onzonsu-2026 .navbar-nav > li.dropdown:focus-within > .drop-down,
.navbar-onzonsu-2026 .navbar-nav > li.dropdown.open > .drop-down {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transform: translateY(0);
}

.navbar-onzonsu-2026 .drop-down li {
  position: relative;
  margin: 0;
  padding: 0;
}
/* Pallino arancione pieno nei sottomenu desktop */

.navbar-onzonsu-2026 .drop-down li::before {
  content: "•" !important;
  display: inline-block !important;
  position: absolute !important;
  left: 14px !important;
  top: 10px !important;
  color: #B35400 !important;
  font-size: 14px !important;
  line-height: 1 !important;
  font-weight: 800 !important;
}
.navbar-onzonsu-2026 .drop-down li::before {
  content: "•" !important;
  display: inline-block !important;
  position: absolute !important;
  left: 14px !important;
  top: 10px !important;
  color: #B35400 !important;
  font-size: 14px !important;
  line-height: 1 !important;
  font-weight: 800 !important;
}
.navbar-onzonsu-2026 .drop-down a,
.navbar-onzonsu-2026 .navbar-nav .drop-down a {
  display: block !important;
  padding: 8px 18px 8px 30px !important;
  background: transparent !important;
  color: #333 !important;
  font-family: inherit !important;
  font-size: 16px !important;
  line-height: 1.4 !important;
  font-weight: 500 !important;
  text-transform: none !important;
  letter-spacing: normal !important;
  text-decoration: none !important;
  white-space: nowrap;
}

.navbar-onzonsu-2026 .drop-down a:hover {
  color: #B35400 !important;
  background: #fffaf5 !important;
  text-decoration: none !important;
}

.navbar-onzonsu-2026 .drop-down a:focus {
  color: #333 !important;
  background: transparent !important;
  outline: 2px solid rgba(179,84,0,0.35) !important;
  outline-offset: -2px !important;
}


/* Prima voce del sottomenu: neutra, non accesa di default */

.navbar-onzonsu-2026 .dropdown-overview {
  font-weight: 500 !important;
  color: #333 !important;
}

.navbar-onzonsu-2026 .dropdown-overview:hover {
  color: #B35400 !important;
}

.navbar-onzonsu-2026 .dropdown-overview:focus {
  color: #333 !important;
}


/* Nessuna riga decorativa sotto la voce overview */

.navbar-onzonsu-2026 .dropdown-overview::after {
  content: none !important;
  display: none !important;
  border-bottom: 0 !important;
  margin: 0 !important;
}


/* ==========================================================
   Icona telefono mobile: base
   ========================================================== */

.navbar-onzonsu-2026 .mobile-call-icon-navbar {
  color: #B35400;
  text-decoration: none;
}

.navbar-onzonsu-2026 .mobile-call-icon-navbar:hover,
.navbar-onzonsu-2026 .mobile-call-icon-navbar:focus {
  color: #E67E22;
  text-decoration: none;
}


/* ==========================================================
   Focus generale navbar
   ========================================================== */

.navbar-onzonsu-2026 a:focus,
.navbar-onzonsu-2026 button:focus {
  outline: 2px solid rgba(179,84,0,0.35) !important;
  outline-offset: 2px !important;
}