/* ── 2. Breadcrumb (.qhr-breadcrumb) ──────────────────────────────── */
.qhr-breadcrumb {
  display: flex;
  align-items: center;
  font-family: var(--qhr-font-body, 'Cairo', sans-serif);
}
.qhr-breadcrumb-list {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  list-style: none;
  margin: 0;
  padding: 0;
  gap: var(--qhr-space-2, 8px);
}
.qhr-breadcrumb-item {
  display: inline-flex;
  align-items: center;
  gap: var(--qhr-space-2, 8px);
  font-size: var(--qhr-text-sm, 13px);
  color: var(--qhr-text-muted, #94a3b8);
}
.qhr-breadcrumb-link {
  color: var(--qhr-text-secondary, #cbd5e1);
  text-decoration: none;
  transition: color var(--qhr-motion-duration-fast, 150ms);
}
.qhr-breadcrumb-link:hover {
  color: var(--qhr-color-primary-base, #c7a35a);
}
.qhr-breadcrumb-separator {
  color: var(--qhr-text-muted, #64748b);
  display: inline-flex;
  align-items: center;
}
.qhr-breadcrumb-current {
  color: var(--qhr-color-primary-base, #c7a35a);
  font-weight: 600;
}