/* Fix per rendere la nav_menu fissa su mobile quando sidebar è attiva */
@media (max-width: 991px) {
  body.nav-sm .navbar.nav_title {
    width: 100%;
  }

  /* Solo quando il body ha classe nav-sm (sidebar aperta) */
  .nav_menu {
    position: fixed !important;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1000;
  }
  body.nav-sm .nav_menu {
    padding-left: 130px;
  }
  
  /* Aggiungi padding al contenuto per compensare la navbar fissa */
  .container.body .right_col {
    padding-top: 70px !important;
  }

  body.nav-sm .user-profile .fa-angle-down {
    display: inline-block !important;
  }
  
  /* Fix per left_col - parte sempre dal top della pagina su mobile */
  body.nav-sm .left_col {
    position: fixed !important;
    top: 0;
    left: 0;
    z-index: 999;
    height: 100vh;
    overflow-y: auto;
    width: 130px;
    border-right: 2px solid #ededed;
  }
  
  /* Overlay scuro su right_col quando sidebar è aperta */
  body.nav-sm .container.body .right_col::before {
    content: '';
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 998;
    pointer-events: auto;
  }
  
  /* Blocca lo scroll del body quando sidebar è aperta */
  body.nav-sm {
    overflow: hidden !important;
    overflow-y: hidden !important;
  }
  
  /* Blocca anche lo scroll di right_col */
  body.nav-sm .container.body .right_col {
    overflow: hidden !important;
    overflow-y: hidden !important;
  }

  .top_nav .navbar-right {
    width: 50%;
  }
}

@media (max-width: 400px) {
  .navbar-nav .open .dropdown-menu {
    width: 160px;
  }
}