/* Navbar scroll effect — load after page-specific nav styles */

.navbar,
.main-nav {
  transition: all 0.3s ease !important;
}

.navbar.nav-scrolled,
.main-nav.nav-scrolled {
  height: 63px !important;
  min-height: 63px !important;
  background: rgba(255, 255, 255, 0.95) !important;
  box-shadow: 0 4px 20px rgba(26, 35, 126, 0.15) !important;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}