/* Görünür breadcrumb — blog yazıları ve yasal sayfalar (components/Breadcrumb.tsx).
   Yardım Merkezi'nin `.bm-help__breadcrumb` biçimiyle aynı ses: DESIGN.md §7
   "ephemera meta voice". Ayrı dosya, çünkü help.css bu sayfalarda yüklenmiyor. */

.bm-breadcrumb {
  margin-bottom: var(--bm-space-4);
}

.bm-breadcrumb__list {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--bm-space-2);
  margin: 0;
  padding: 0;
  list-style: none;
  font-family: var(--bm-font-print);
  font-size: var(--bm-fs-small);
  color: var(--bm-text-muted);
}

.bm-breadcrumb__item {
  display: inline-flex;
  align-items: center;
  gap: var(--bm-space-2);
  min-width: 0;
}

.bm-breadcrumb__item a {
  color: var(--bm-text-muted);
  text-decoration: none;
  transition: color var(--bm-dur-fast) var(--bm-ease-out);
}

.bm-breadcrumb__item a:hover {
  color: var(--bm-primary-text);
}

.bm-breadcrumb__sep {
  color: var(--bm-border-strong);
}

.bm-breadcrumb__current {
  color: var(--bm-text);
  font-weight: 500;
}