#nav02 {
 /*background: #cd2218*/ /*#2e3679*/ /*#242526 ;*/
 /*position: fixed;*/
 width: 100%;
 z-index: 999;
 height: auto;
 /*line-height: 50px;*/

}

.sidebar {
 width: 100%; /* Larghezza del menù laterale */
 left: 0;
 height: auto; /* Permette al menù di adattarsi al contenuto */
 z-index: 999; /* Assicura che sia dietro la barra orizzontale */
 overflow-y: visible; /* Rimuove lo scroll */
 /* Aggiunte per bordo e ombra */
 /*border: 0px solid #ccc;
 border-radius: 12px;
 box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);*/
 /*background-color: #595658;*/ /* importante per far vedere l'ombra */
 padding: 1.8rem; /* opzionale per distanziare i contenuti dal bordo */
}


.sidebar {
 list-style: none;
 padding-top: 10px;
 margin: 0;
}

  

 .sidebar ul li a {
  color: /*#003366*/ #0080ab;
  /*font-weight: bold;*/
  text-decoration: none;
  display: block;
  padding: 4px 4px; /* leggermente più grande per più spazio */
  border-radius: 8px; /* se vuoi un effetto arrotondato */
  transition: background-color 0.3s;
  margin-bottom: 20px;
 }

  .sidebar ul li a:hover {
   background-color: #3a3b3c; /* effetto hover scuro */
  }




.sidebar li p {
 margin-right: 4px;
 color: #fff;
}

 .sidebar li ul li::before {
  content: none; /* rimuove la spunta dai sottolivelli */
   }

 



  /* Stili per il sotto-menu */
  .sidebar li ul {
  list-style: disc inside; /* puntino davanti */
  padding-left: 5px;
  padding-right:5px;
  margin-top: 10px;
  margin-bottom: 16px; /* aumenta la distanza tra blocchi principali */
  font-size:initial;
 }

   .sidebar li ul li {
    display: list-item;
    /*list-style-type: disc;*/
    list-style-type: none;
    list-style-position: outside;
    padding-left: 0px;
    margin-left: 0px;
    font-size: initial;
   }


    .sidebar li ul li a {
     color: #444;
     font-weight: normal;
     text-decoration: none;
     padding: 4px 0;
     display: block;
     margin-bottom: 0px;
     color: #fff;
    }






/*.vertical-menu a.hover { 
 color:*/ /*#d18922;*/ /*#d96427;
 font-weight: bold;
}*/

.vertical-menu a.active { /*per avere il link arancio e bold quando è attiva la pagina*/
 color: /*#d18922;*/ #d96427;
 font-weight: bold;
}


 


.nav-links-verticale li {
 display: none;
}

.vertical-menu li {
 list-style: none;
}

 .vertical-menu li span {
  display: block; /* Trasforma il titolo in blocco come i link */
  padding: 10px 16px; /* Spaziatura uguale ai link */
  color: white; /* Colore del testo */
  font-size: 19px; /* Dimensione testo coerente con i link */
  font-weight: bold; /* Per evidenziare il titolo */
  line-height: 1.2; /* Interlinea */
  /*font-variant:small-caps;*/
 }

.horizontal-menu-mobile {
 display: block; /* Mostra il menù orizzontale in versione mobile */
}

.closebtn {
 color: white;
 font-size: 30px;
 position: absolute;
 top: 10px;
 right: 25px;
 transition: 0.3s;
}

@media screen and (max-width: 1000px) {




 .sidebar {
  display: none
 }

  .sidebar li span {
   padding: 10px 16px; /* Stesso padding anche su mobile */
  }

 .horizontal-menu {
  display: none; /* Nasconde il menù orizzontale su schermi piccoli */
 }

 .nav-links-verticale li {
  display: block;
 }

 .hamburger {
  display: block; /* Mostra l'icona hamburger su schermi piccoli */
 }

 .sidebar {
  width: 0; /* Larghezza iniziale del menù laterale su schermi piccoli */
 }
}

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



 .sidebar {
  display: block;
 }


 .horizontal-menu {
  display: flex; /* Mostra il menù orizzontale su schermi più grandi */
 }

 .hamburger {
  display: none; /* Nasconde l'icona hamburger su schermi più grandi */
 }
}