/* ===== Breadcrumb Bar ===== */
#breadcrumb-bar {
  background: var(--color-primary);
  min-height: var(--breadcrumb-height);
  display: flex;
  align-items: center;
}

.breadcrumb-inner {
  max-width: var(--max-width);
  margin: 0 auto;
  padding: 0 24px;
  width: 100%;
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}

.breadcrumb-inner a,
.breadcrumb-inner span {
  font-size: 0.85rem;
  color: rgba(255, 255, 255, 0.85);
  transition: color var(--transition);
  white-space: nowrap;
}

.breadcrumb-inner a:hover {
  color: var(--color-white);
}

.breadcrumb-inner .breadcrumb-sep {
  color: rgba(255, 255, 255, 0.5);
  margin: 0 2px;
  user-select: none;
}

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