/*
 * Lumen Layout - Brotkrümelnavigation (Breadcrumbs) in der Topbar.
 * Steht zwischen Hamburger und Benutzerbox; zeigt den Pfad von der Übersicht bis zur
 * aktuellen Seite. Der letzte Krümel (aktuelle Seite) ist nicht verlinkt.
 */
.breadcrumbs {
  min-width: 0;
  display: flex;
  align-items: center;
}

.breadcrumbs-list {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  gap: 6px;
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: 0.8125rem;
  color: var(--ink-3);
  overflow: hidden;
}

.breadcrumbs-item {
  display: flex;
  align-items: center;
  gap: 6px;
  min-width: 0;
}

/* Trenner vor jedem Krümel außer dem ersten */
.breadcrumbs-item + .breadcrumbs-item::before {
  content: "\203a"; /* › */
  color: var(--ink-3);
}

.breadcrumbs-link {
  color: var(--ink-3);
  white-space: nowrap;
}

.breadcrumbs-link:hover {
  color: var(--teal-d);
  text-decoration: underline;
}

/* aktuelle Seite: hervorgehoben und bei wenig Platz mit Auslassung gekürzt */
.breadcrumbs-current {
  color: var(--ink);
  font-weight: 600;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 22rem;
}

/* Auf schmalen Screens nur die aktuelle Seite zeigen - der Pfad würde die kompakte
   Topbar sonst überlaufen; der Zurück-Weg liegt dort ohnehin im Off-Canvas-Menü. */
@media (max-width: 42.5em) {
  .breadcrumbs-item:not(:last-child) {
    display: none;
  }
}