/* Global themed styles for navbar/menus to ensure consistent look across pages (matches CS Queue styles) */

/* Dropdown menus */
.dropdown-menu {
  background-color: var(--surface, #ffffff);
  color: var(--fg, #212529);
  border-color: var(--border, #dee2e6);
}
.dropdown-item { color: var(--fg, #212529); }
.dropdown-item:hover,
.dropdown-item:focus {
  background-color: var(--surface-2, #f8f9fa);
  color: var(--fg, #212529);
}
.dropdown-item.active,
.dropdown-item:active {
  background-color: var(--surface-2, #f8f9fa);
  color: var(--fg, #212529);
}
.dropdown-divider { border-top-color: var(--border, #dee2e6); }

/* Navbar dropdown caret and toggler should inherit current theme colors */
.navbar .nav-link,
.navbar .navbar-brand { color: var(--fg, #212529); }
.navbar-dark .nav-link,
.navbar-dark .navbar-brand { color: var(--fg, #e5e7eb); }

/* Ensure dropdown headers look consistent */
.dropdown-header { color: var(--muted, #6c757d); }

/* Adjust the Bootstrap 5 toggler icon visibility in dark mode */
.navbar-dark .navbar-toggler {
  border-color: var(--border, #374151);
}
.navbar-dark .navbar-toggler-icon { filter: brightness(1.2) contrast(1.1); }