/*
 * Breadcrumbs
 * Separator, current page, truncation
 */

.breadcrumbs {
  display: flex;
  align-items: center;
  gap: var(--space-1);
  font-size: var(--text-sm);
  flex-wrap: wrap;
}

.breadcrumb-item {
  display: flex;
  align-items: center;
  gap: var(--space-1);
  color: var(--color-text-muted);
  text-decoration: none;
  transition: color var(--transition-fast);
}

a.breadcrumb-item:hover {
  color: var(--color-primary);
  text-decoration: none;
}

.breadcrumb-separator {
  color: var(--color-text-muted);
  user-select: none;
  flex-shrink: 0;
}

.breadcrumb-item:last-child {
  color: var(--color-text);
  font-weight: 500;
  cursor: default;
}

/* Truncation for long paths */
.breadcrumb-truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 12rem;
}