/*
 * VOMA Child Theme – breadcrumbs.css
 *
 * Sitweite Breadcrumb-Leiste (Yoast-Daten, eigenes Markup-Wrapper).
 * Bewusst sehr zurückhaltend: reine Orientierungshilfe, kein
 * gestalterisches Eigengewicht – konkurriert nicht mit Hero/Content.
 *
 * Quellen:
 *   06_Standards/CI/DESIGN.md              – ruhige, zurückhaltende Flächen
 *   06_Standards/DEVELOPMENT/CSS-TOKENS.md – Token-Register
 *   06_Standards/QUALITAET/ACCESSIBILITY.md – Farbkontrast, Fokus
 */

.voma-breadcrumbs {
  background: #ffffff;
  border-bottom: var(--voma-border);
}

.voma-breadcrumbs__inner {
  max-width: var(--voma-max);
  margin-inline: auto;
  padding-block: var(--voma-space-3);
}

.voma-breadcrumbs__path {
  margin: 0;
  font-size: 13px;
  line-height: 1.4;
  color: rgba(17, 24, 39, .55);
  /* Auf schmalen Screens horizontal scrollbar statt umzubrechen –
     verhindert, dass eine tiefe Pfadstruktur (Start/Kategorie/Artikel)
     mehrzeilig wird und unnötig Höhe beansprucht. */
  white-space: nowrap;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
}

.voma-breadcrumbs__path::-webkit-scrollbar {
  display: none;
}

.voma-breadcrumbs__path a {
  color: rgba(17, 24, 39, .55);
  text-decoration: underline;
  text-decoration-color: transparent;
  text-underline-offset: 2px;
  transition: color var(--voma-transition-base), text-decoration-color var(--voma-transition-base);
}

.voma-breadcrumbs__path a:hover,
.voma-breadcrumbs__path a:focus-visible {
  color: var(--voma-green-dark);
  text-decoration-color: currentColor;
}

/* Letztes Glied (aktuelle Seite, kein Link) – etwas dunkler/kräftiger,
   damit klar ist, wo man sich befindet. */
.voma-breadcrumbs__path .breadcrumb_last {
  color: #1f2933;
  font-weight: 600;
}

@media (min-width: 64rem) {
  .voma-breadcrumbs__path {
    font-size: 13.5px;
  }
}