/*
 * Breadcrumb - kruimelpad onder de header (alle inner-pages)
 */

.breadcrumb {
  background:    var(--color-bg-white);
  border-bottom: 1px solid var(--color-border-soft);
}

.breadcrumb__inner {
  max-width: var(--container-max);
  margin:    0 auto;
  padding:   var(--space-5) var(--section-padding-x);
}

.breadcrumb__list {
  display:        flex;
  flex-wrap:      wrap;
  align-items:    center;
  gap:            var(--space-1) var(--space-3);
  margin:         0;
  padding:        0;
  list-style:     none;
  font-size:      var(--text-sm);
  font-weight:    var(--font-medium);
}

.breadcrumb__item {
  display:     inline-flex;
  align-items: center;
  gap:         var(--space-3);
}

.breadcrumb__link {
  color:           var(--color-text-meta);
  text-decoration: none;
  transition:      color var(--transition-fast);
}

.breadcrumb__link:hover {
  color: var(--color-accent);
}

.breadcrumb__text {
  color: var(--color-text-meta);
}

.breadcrumb__current {
  color:       var(--color-accent);
  font-weight: var(--font-semibold);
}

.breadcrumb__sep {
  width:   12px;
  height:  12px;
  opacity: 0.5;
  color:   var(--color-text-meta);
}