/* ====== SUBMENU HOVER STATE FIX ====== */
/* HANYA submenu yang berwarna saat hover, parent menu TIDAK berubah */

/* GENERAL: All submenu items hover & active */
#main-sidebar .navbar-nav-menu .nav-menu-sub a.nav-link:hover,
#main-sidebar .navbar-nav-menu .nav-menu-sub a.nav-link.active {
  background-color: var(--dx-primary, #3e6be4) !important;
  color: #fff !important;
}

/* SPECIFIC FIX: Pengguna & Akun submenu - extra aggressive */
#main-sidebar #collapseUserAccount .nav-menu-sub a.nav-link:hover,
#main-sidebar #collapseUserAccount .nav-menu-sub a.nav-link.active {
  background-color: var(--dx-primary, #3e6be4) !important;
  color: #fff !important;
}

/* ====== CRITICAL Z-INDEX FIX FOR SUBMENU OVERLAP ====== */
/* Ensure collapse divs are not obscured by elements above */
#main-sidebar .navbar-nav-menu li.nav-item {
  position: relative;
  z-index: 1;
}

#main-sidebar .navbar-nav-menu li.nav-item .collapse {
  position: relative;
  z-index: 100;
}

#main-sidebar #collapseUserAccount {
  position: relative;
  z-index: 100 !important;
}

#main-sidebar .navbar-nav-menu .collapse.show {
  z-index: 100 !important;
}

/* Ensure nav-menu-sub items have proper stacking */
#main-sidebar .navbar-nav-menu .nav-menu-sub {
  position: relative;
  z-index: 100;
}

#main-sidebar #collapseUserAccount .nav-menu-sub {
  position: relative;
  z-index: 100 !important;
}