/* Enhanced Interactive Navbar Hover Effects */

.navbar .navbar-nav .nav-link {
  position: relative !important;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
  overflow: visible !important;
}

/* Smooth color change with scale effect */
.navbar .navbar-nav .nav-link:hover,
.navbar .navbar-nav .nav-link:focus {
  color: #e33434 !important;
  transform: scale(1.08) !important;
  text-shadow: 0 2px 8px rgba(227, 52, 52, 0.4) !important;
}

/* Underline animation effect */
.navbar .navbar-nav .nav-link::after {
  content: '' !important;
  position: absolute !important;
  bottom: -2px !important;
  left: 0 !important;
  width: 0 !important;
  height: 2px !important;
  background-color: #e33434 !important;
  transition: width 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

.navbar .navbar-nav .nav-link:hover::after,
.navbar .navbar-nav .nav-link:focus::after {
  width: 100% !important;
}

/* Active state with persistent underline */
.navbar .navbar-nav .nav-link.active::after {
  width: 100% !important;
}

/* Disabled state remains unchanged */
.navbar .navbar-nav .nav-link.disabled {
  color: rgba(255, 255, 255, 0.25) !important;
  transform: none !important;
}

.navbar .navbar-nav .nav-link.disabled:hover,
.navbar .navbar-nav .nav-link.disabled:focus {
  color: rgba(255, 255, 255, 0.25) !important;
  transform: none !important;
  text-shadow: none !important;
}

/* Active and show states */
.navbar .navbar-nav .show > .nav-link,
.navbar .navbar-nav .nav-link.active {
  color: #e33434 !important;
}

/* Ensure proper display of underline on active state */
.navbar .navbar-nav .nav-link.active {
  position: relative !important;
}