/* ========= Navbar Base Styles ========= */
.bg-dark {
  background-color: #16213e !important;
}

.navbar-dark .navbar-nav .nav-link {
  color: #cbd5e1;
}

.navbar-dark .navbar-nav .nav-link:hover,
.navbar-dark .navbar-nav .nav-link.active {
  color: #00b4d8;
}

/* ========= Navbar Pills (for sidebar navigation) ========= */
.nav-pills .nav-link.active {
  background-color: #00b4d8;
  color: #ffffff;
}

.nav-pills .nav-link:hover {
  background-color: #00b4d8;
  color: #ffffff;
}

/* ========= Navbar Login Star Glow ========= */
.navbar-dark .navbar-nav .nav-item .login-star.nav-link {
  color: #fffacd !important;
  font-weight: 600;
  text-shadow: 0 0 5px #fff, 0 0 10px #ffd700, 0 0 20px #ffd700, 0 0 30px #ffa500;
  animation: starPulse 2s ease-in-out infinite alternate;
}

.navbar-dark .navbar-nav .nav-item .login-star.nav-link:hover {
  color: #fff !important;
  text-shadow: 0 0 10px #fff, 0 0 20px #ffd700, 0 0 40px #ffd700, 0 0 60px #ffa500;
  transform: scale(1.05);
  transition: all 0.3s ease;
}

@keyframes starPulse {
  from { text-shadow: 0 0 5px #fff, 0 0 10px #ffd700, 0 0 20px #ffd700, 0 0 30px #ffa500; }
  to { text-shadow: 0 0 15px #fff, 0 0 30px #ffd700, 0 0 60px #ffd700, 0 0 90px #ffa500; }
}

/* ========= Footer Dark (often paired with navbar) ========= */
footer.bg-dark {
  color: #cbd5e1;
}

footer.bg-dark a.text-light {
  color: #e2e8f0 !important;
}

footer.bg-dark a.text-light:hover {
  color: #00b4d8 !important;
}