/*
  @file Theming the breadcrumbs region.
*/

.breadcrumbs {
  padding-bottom: var(--spacing-small);
}

.breadcrumbs__list {
  margin-bottom: 0;
  padding-left: 0;
  list-style: none;
}

.breadcrumbs__item {
  display: inline-block;
  margin-right: var(--spacing-xxxsmall);
}

.breadcrumbs__item + .breadcrumbs__item::before {
  display: inline-block;
  margin-right: var(--spacing-xxxsmall);
  content: "|";
}

.breadcrumbs__link {
  font-size: var(--font-size-small);
  text-decoration: none;
  &:focus,
  &:hover {
    text-decoration: underline;
  }
}