/* ====================================
   SIDEBAR STYLING
   ==================================== */
/* Active state styling for sidebar links */
.sidebar-active {
    background-color: var(--primary-hover) !important;
    color: var(--text-on-primary) !important;
}

.sidebar-active .bg-white\/10 {
    background-color: var(--bg-primary-subtle-hover) !important;
}

/* Hover effects for sidebar items */
.sidebar-nav a:hover,
.sidebar-nav button:hover {
    background-color: var(--primary-hover) !important;
    color: var(--text-on-primary) !important;
}

.sidebar-nav a:hover .bg-white\/10,
.sidebar-nav button:hover .bg-white\/10 {
    background-color: var(--bg-primary-subtle-hover) !important;
}

/* Sidebar animations */
#sidebar.sidebar-hidden {
  transform: translateX(-100%);
  left: -16rem; /* Move it completely off-screen */
}

#sidebar {
  transition: transform 0.6s ease-in-out, left 0.6s ease-in-out;
}

/* Animate content shift alongside sidebar */
#main-content {
  transition: margin-left 0.6s ease-in-out, width 0.6s ease-in-out;
}

#topbar {
  transition: left 0.6s ease-in-out;
}