/* ═══════════════════════════════════════════════════
   MOBILE NAV FIX — aggiungere in fondo al CSS
   Sovrascrive tutti i precedenti stili dropdown mobile
═══════════════════════════════════════════════════ */
@media(max-width:600px){

  /* ── dropdown L1: sempre scuro, mai bianco ── */
  .dropdown,
  .sections-nav .dropdown,
  .main-nav.nav--white .dropdown {
    position:     static         !important;
    display:      none           !important;
    /*background:   rgba(0,0,0,.18)!important;*/

    /*border:       none           !important;*/
    /*border-radius:0              !important;*/
    /*box-shadow:   none           !important;*/
    opacity:      1              !important;
    visibility:   visible        !important;
    transform:    none           !important;
    pointer-events:auto          !important;
    padding:      0              !important;
    /*color:        white          !important;*/

    background: var(--white);
    border: 1px solid rgba(255,255,255,.1);
    color: #0A246A  !important;
    border-top: 2px solid var(--green);
    border-bottom: 2px solid var(--green);
   }

  /* solo .expanded apre il dropdown, non hover */
  .nav-item:hover > .dropdown             { display:none    !important; }
  .nav-item.expanded > .dropdown          { display:block   !important; }

  /* link dentro dropdown: testo bianco */
  .dropdown > a,
  .dropdown > div > a,
  .sections-nav .dropdown > a,
  .main-nav.nav--white .dropdown > a,
  .main-nav.nav--white .dropdown .nav-link {
    color:         rgba(255,255,255,.85) !important;
    background:    none                  !important;
    border-left:   none                  !important;
    padding:       10px 20px 10px 36px   !important;
    font-size:     13px                  !important;
    display:       block                 !important;
  }
  .dropdown > a:hover,
  .main-nav.nav--white .dropdown > a:hover {
    background: rgba(136,191,54,.2) !important;
    color:      var(--green)        !important;
  }
  .main-nav.nav--white .dropdown .nav-link {
    color: var(--darkblue) !important;
  }
   
  /* ── dropdown L2 (submenu): stesso trattamento ── */
  .dropdown--sub,
  .sections-nav .dropdown--sub,
  .main-nav.nav--white .dropdown--sub {
    position:     static          !important;
    display:      none            !important;
    background:   rgba(0,0,0,.25) !important;
    border:       none            !important;
    border-radius:0               !important;
    box-shadow:   none            !important;
    opacity:      1               !important;
    visibility:   visible         !important;
    transform:    none            !important;
    pointer-events:auto           !important;
    padding:      0               !important;
  }
  .nav-item--sub:hover > .dropdown--sub          { display:none   !important; }
  .nav-item--sub.expanded > .dropdown--sub       { display:block  !important; }

  .dropdown--sub a,
  .main-nav.nav--white .dropdown--sub a {
    color:       rgba(255,255,255,.8) !important;
    padding-left:68px                 !important;
    background:  none                 !important;
  }
  .dropdown--sub a:hover,
  .main-nav.nav--white .dropdown--sub a:hover {
    background: rgba(26,182,217,.2) !important;
    color:      var(--cyan)         !important;
  }

}