/* Reset base */
.menu, .menu li, .snDropdown-menu { list-style:none; margin:0; padding:0; }
.menu a { text-decoration:none; display:block; }

/* Nav */
.site-nav { background:#009846; }
.site-nav .nav-inner {
  display:flex; align-items:center; justify-content:space-between;
 /* padding:0.5rem 1rem;*/
}

/* Hamburger (mostrato solo in mobile) */
.nav-toggle {
  background:none; border:0; color:#fff; font-size:1.2rem; cursor:pointer;
  display:none;
} 

/* Primo livello */
.menu { display:flex; gap:1rem; }
.menu > li > a {
  padding:0.5rem 0.8rem; color:#fff; border-radius:4px; text-transform:uppercase;
}
.menu > li > a:hover {
  background:#fff; color:#009846;
}

/* Dropdown desktop (solo via hover) */
.snDropdown { position:relative; }

/* bottone */
#header .header-btn-collapse-nav {
    background: #66C191;
}
#header .header-btn-collapse-nav:hover {
    background: #009846;
}

/*** SITO ESTESO ***/
@media (min-width: 991px) {
    /* qui dentro le regole valide per desktop */
    .snDropdown-menu {
    position:absolute; left:0; top:100%;
    background:#fff; display:none; min-width:200px;
    border-radius:6px; box-shadow:0 2px 8px rgba(0,0,0,.15);
  }
  .snDropdown-menu li a { padding:0.5rem 0.8rem; color:#009846; border-bottom:dotted 1px #ddd }
  .snDropdown-menu li a:hover { background:#66C191; color:#fff; }

  .snDropdown:hover > .snDropdown-menu { display:block; }
  
}

/* ===== MOBILE: solo layout + hamburger. Nessuna regola per submenu qui ===== */
@media (max-width:990px){
  .site-nav .nav-inner { flex-direction:column; align-items:stretch; gap:8px; }
  .nav-toggle { display:inline-block; align-self:flex-start; margin:6px 0; }

  .menu {
    flex-direction:column; gap:0; width:100%; 
  }
  .menu.open { display:flex; }
  
  .menu > li > a {
    width:100%; padding:.9rem .4rem; border-radius:8px; color:#fff;
  }
  .menu > li > a:hover {
    background:#fff; color:#009846;
  }

  .snDropdown-menu {
    display: none;
    position:relative;
    background:#fff;
    border-radius:6px; box-shadow:0 2px 8px rgba(0,0,0,.15);
  }
  .snDropdown-menu li { border-bottom:dotted 1px #ddd; }
  .snDropdown-menu li a { padding:0.5rem 0.8rem; color:#009846; }
  .snDropdown-menu li a:hover { background:#66C191; color:#fff; }

  

}
/* Fine CSS mobile (nessuna gestione submenu) */
