/*
 * AdminLTE custom overrides.
 * Keep this file loaded AFTER adminlte.min.css.
 */

/* Sidebar (primary theme): active item background from blue to white */
.sidebar-dark-primary .nav-sidebar > .nav-item > .nav-link.active,
.sidebar-light-primary .nav-sidebar > .nav-item > .nav-link.active {
  background-color: #fbfbfb !important;
  color: #1F2D3D !important;
}

/* Make icon color follow the link text color */
.sidebar-dark-primary .nav-sidebar > .nav-item > .nav-link.active .nav-icon,
.sidebar-light-primary .nav-sidebar > .nav-item > .nav-link.active .nav-icon {
  color: inherit;
}

/* Hover on active: slightly lighter (off-white) */
.sidebar-dark-primary .nav-sidebar > .nav-item .nav-link.active:hover,
.sidebar-light-primary .nav-sidebar > .nav-item .nav-link.active:hover {
  background-color: #ececec !important;
  color: #1F2D3D !important;
}

.sidebar-dark-primary .nav-sidebar > .nav-item > .nav-link.active:hover .nav-icon,
.sidebar-light-primary .nav-sidebar > .nav-item > .nav-link.active:hover .nav-icon {
  color: inherit;
}

/* If nav-legacy is used, AdminLTE sets a blue left border via border-color; override it too. */
.sidebar-dark-primary .nav-sidebar.nav-legacy > .nav-item > .nav-link.active,
.sidebar-light-primary .nav-sidebar.nav-legacy > .nav-item > .nav-link.active {
  border-color: #fbfbfb !important;
}