/* Navigation Styles */

/* Smooth transitions for all states */
body {
  padding-top: 48px; /* Top bar height */
  transition: padding-left 0.5s ease-in-out;
}

#sideNav {
  transition: width 0.5s ease-in-out, transform 0.5s ease-in-out;
}

.nav-text {
  transition: opacity 0.5s ease-in-out;
}

#mobileMenuBtn {
  transition: all 0.3s ease-in-out;
}

/* Mobile: Full overlay menu */
@media (max-width: 767px) {
  #sideNav {
    width: 220px !important;
  }
  
  body {
    padding-left: 0 !important;
  }
}

/* Active link styling */
.nav-active {
  background-color: #e0e7ff !important;
  color: #4f46e5 !important;
}

#menuOverlay {
  transition: opacity 0.5s ease-in-out;
}

/* Hover effects */
.nav-link:hover {
  background-color: #eef2ff;
  transform: translateX(4px);
  transition: all 0.2s ease;
}