/* Base navigation styling */
.navbar {
  padding: 0.75rem 1rem;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
  background-color: #252735;
}

/* Normalize all navigation links to have consistent styling */
.navbar-nav .nav-link,
.navbar-nav .nav-item .nav-link,
.navbar-nav li.nav-link {
  color: #ffffff !important;
  margin: 0 0.25rem;
  padding: 10px 15px !important;
  border: 1px solid transparent;
  border-radius: 30px;
  transition: all 0.3s ease;
  cursor: pointer;
}

/* Hover state for all nav links */
.navbar-nav .nav-link:hover,
.navbar-nav .nav-item .nav-link:hover,
.navbar-nav li.nav-link:hover {
  background-color: #303240;
  border: 1px solid #abf2ff;
}

/* Active state for any navigation element */
.navbar-nav .nav-link.active,
.navbar-nav .nav-item .nav-link.active {
  background-color: #44495e;
  border: 1px solid #abf2ff;
  color: white !important;
  cursor: default;
}

/* Ensure all links in nav have consistent styling */
.navbar-nav .nav-link a,
.navbar-nav li.nav-link a {
  color: #ffffff !important;
  text-decoration: none;
  display: block;
  width: 100%;
  height: 100%;
}

/* Apply the cyan hover color to all links in nav */
.navbar-nav .nav-link:hover a,
.navbar-nav li.nav-link:hover a {
  color: #abf2ff !important;
}

/* Brand styling */
.navbar-brand {
  padding: 0.5rem 1rem;
  margin-right: 1.5rem;
  transition: transform 0.3s ease;
}

.navbar-brand:hover {
  transform: scale(1.05);
}

/* Mobile adjustments */
@media (max-width: 768px) {
  .navbar-nav .nav-link,
  .navbar-nav .nav-item .nav-link,
  .navbar-nav li.nav-link {
    text-align: center;
    margin: 0.25rem 0;
  }
}