/* Breadcrumb */

.breadcrumb {
  display: flex;
  align-items: center;
  gap: var(--breadcrumb-gap);
  font-size: var(--breadcrumb-font-size);
  color: var(--breadcrumb-color);
}

.breadcrumb-item {
  display: flex;
  align-items: center;
}

.breadcrumb-link {
  color: var(--breadcrumb-link-color);
  text-decoration: none;
  transition: color 0.2s;
  font-weight: var(--breadcrumb-link-font-weight);
}

.breadcrumb-link:hover {
  color: var(--breadcrumb-link-hover-color);
}

.breadcrumb-current {
  color: var(--breadcrumb-current-color);
  font-weight: var(--breadcrumb-current-font-weight);
}

.breadcrumb-separator {
  color: var(--breadcrumb-separator-color);
  margin: 0 0.25rem;
}

.breadcrumb-nav {
  width: 100%;
  padding: var(--breadcrumb-nav-padding);
}