/* Navbar Fix CSS */

/* Make navbar non-transparent with solid background regardless of scroll position */
#mainNav {
  background-color: #212529 !important;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  transition: none !important;
}

/* Override any scroll-based transparency */
#mainNav:not(.navbar-scrolled) {
  background-color: #212529 !important;
}

/* Ensure navbar is visible on all pages */
#mainNav.navbar-scrolled {
  background-color: #212529 !important;
}

/* Improve contrast for navbar links */
#mainNav .navbar-nav .nav-item .nav-link {
  color: rgba(255, 255, 255, 0.9) !important;
}

#mainNav .navbar-nav .nav-item .nav-link:hover {
  color: #fff !important;
}