/* navbar.css – styling specific to the top navbar and user dropdown */

/* Ensure navbar uses the bunker palette */
.navbar {
  background-color: var(--charcoal-blue);
}

/* Brand + links */
.navbar .navbar-brand {
  color: #ffffff;
}

.navbar .navbar-brand:hover,
.navbar .navbar-brand:focus {
  color: #ffffff;
  opacity: 0.9;
}

.navbar .nav-link {
  color: rgba(255, 255, 255, 0.86);
  font-size: 0.9rem;
}

.navbar .nav-link:hover,
.navbar .nav-link:focus,
.navbar .nav-link.active {
  color: #ffffff;
}

/* Log in button */
.navbar .btn.btn-light.btn-sm {
  background-color: var(--frosted-mint);
  color: var(--charcoal-blue);
  border-color: transparent;
}

.navbar .btn.btn-light.btn-sm:hover,
.navbar .btn.btn-light.btn-sm:focus {
  background-color: var(--light-green);
  color: var(--charcoal-blue);
}

/* User dropdown menu: keep within bunker palette and improve contrast */
.navbar .dropdown-menu {
  --bs-dropdown-bg: var(--frosted-mint);
  --bs-dropdown-link-color: var(--charcoal-blue);
  --bs-dropdown-link-hover-bg: rgba(51, 102, 153, 0.12);  /* Baltic Blue tint */
  --bs-dropdown-link-hover-color: var(--charcoal-blue);
  --bs-dropdown-link-active-bg: rgba(51, 102, 153, 0.2);
  --bs-dropdown-link-active-color: var(--charcoal-blue);
  --bs-dropdown-link-disabled-color: rgba(47, 72, 88, 0.55);

  border-color: rgba(47, 72, 88, 0.18);
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.08);
}

/* Dropdown items + icons */
.navbar .dropdown-item {
  font-size: 0.9rem;
}

.navbar .dropdown-item i {
  color: inherit;
}

/* Dropdown header + dividers */
.navbar .dropdown-menu .dropdown-header {
  color: rgba(47, 72, 88, 0.75);
}

.navbar .dropdown-menu .dropdown-divider {
  border-top-color: rgba(47, 72, 88, 0.18);
}