/* 15px links separated by a 9px chevron, the trail centred by default — the
   reference design's shape. The row pulls out by its own item padding so the
   first crumb lines up with the container edge. */
.alt-crumbs { width: 100%; }

.alt-crumbs__wrap {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin-inline: -15px;
}

.alt-crumbs--center .alt-crumbs__wrap { justify-content: center; }
.alt-crumbs--left .alt-crumbs__wrap { justify-content: flex-start; }

.alt-crumbs__item {
  padding: 0 15px;
  color: var(--alt-crumb-color, var(--alt-muted));
  font-size: 15px;
  line-height: 1.5;
  white-space: nowrap;
  text-decoration: none;
  transition: color 0.25s ease;
}

a.alt-crumbs__item:hover { color: var(--alt-heading-color); }

.alt-crumbs__item--current {
  overflow: hidden;
  text-overflow: ellipsis;
  pointer-events: none;
}

.alt-crumbs__sep {
  display: flex;
  align-items: center;
  padding-block: 10px;
  color: var(--alt-crumb-color, var(--alt-muted));
}