/**
 * @file breadcrumb.css
 * Verid — Breadcrumb
 */

/* Olivero setzt grid-full auf display:grid mit --grid-col-count,
   die im verid-Theme nicht definiert ist → Region kollabiert.
   Überschreiben auf display:block. */
.region--breadcrumb {
  display: block;
}

.breadcrumb {
  margin-block-end: var(--verid-space-6);
}

.breadcrumb ol {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--verid-space-1);
  list-style: none;
  margin: 0;
  padding: 0;
}

.breadcrumb li {
  display: flex;
  align-items: center;
  gap: var(--verid-space-1);
  font-size: var(--verid-text-sm);
  color: var(--verid-color-text-muted);
  margin: 0;
}

.breadcrumb li + li::before {
  content: '/';
  color: var(--verid-color-border);
  font-size: var(--verid-text-xs);
}

.breadcrumb a {
  color: var(--verid-color-text-secondary);
  text-decoration: none;
  font-weight: 500;
  transition: color var(--verid-transition-fast);
}

.breadcrumb a:hover {
  color: var(--verid-color-accent);
}