/*
 * Hauptnavigation: Links klarer voneinander abgesetzt (Abstand, Hover-/Aktiv-Fläche, Trenner
 * vor den Werkzeug-Links). Wird in base.html nach styles.css geladen, damit styles.css nicht
 * neu kompiliert werden muss.
 * Platz ist knapp: Gast-Leiste (DE) hat bei 1200 px (xl) nur ~30 px Reserve (#511), daher
 * kein zusätzlicher Abstand; die Trennung tragen Hover-/Aktiv-Fläche und Trenner.
 */
.navbar .navbar-nav {
  /* Aufgeklappte Mobil-Navigation: Fläche nicht direkt am Text (einzeilig gilt die Navbar-Variable). */
  --bs-nav-link-padding-x: 0.5rem;
}

.navbar .navbar-nav .nav-link {
  border-radius: 0.5rem;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out;
}

.navbar .navbar-nav .nav-link:hover,
.navbar .navbar-nav .nav-link:focus-visible,
.navbar .navbar-nav .show > .nav-link {
  background-color: rgba(var(--bs-primary-dark-rgb), 0.05);
}

.navbar .navbar-nav .nav-link.active {
  color: var(--bs-primary-dark);
  background-color: rgba(var(--bs-primary-rgb), 0.12);
}

.navbar-dark .navbar-nav .nav-link:hover,
.navbar-dark .navbar-nav .nav-link:focus-visible,
.navbar-dark .navbar-nav .show > .nav-link {
  background-color: rgba(255, 255, 255, 0.08);
}

.navbar-dark .navbar-nav .nav-link.active {
  color: #fff;
  background-color: rgba(255, 255, 255, 0.14);
}

/* Senkrechter Trenner zwischen Info- und Werkzeug-Links (nur in der einzeiligen Leiste sichtbar). */
.navbar .navbar-nav .nav-divider {
  align-self: center;
  width: 1px;
  height: 1.25rem;
  margin: 0 0.375rem;
  background-color: rgba(var(--bs-primary-dark-rgb), 0.15);
}

.navbar-dark .navbar-nav .nav-divider {
  background-color: rgba(255, 255, 255, 0.25);
}