/* ==========================================================================
   Breadcrumbs
   Сохраняем существующую разметку kama_breadcrumbs (schema.org
   BreadcrumbList) 1-в-1, переопределяем только визуал через .kama_breadcrumbs.
   ========================================================================== */

.kama_breadcrumbs {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0.35em;
	font-size: var(--fs-xs);
	color: var(--color-text-muted);
	margin-bottom: var(--space-4);
}

.kama_breadcrumbs a {
	color: var(--color-text-muted);
	text-decoration: none;
	transition: color var(--dur-fast) var(--ease);
}
.kama_breadcrumbs a:hover { color: var(--color-accent); }

.kama_breadcrumbs .kb_sep {
	color: var(--color-border-strong);
	margin: 0 0.1em;
}

.kama_breadcrumbs .kb_title {
	color: var(--color-text-secondary);
	font-weight: 500;
}

@media (max-width: 576px) {
	.kama_breadcrumbs { font-size: 0.75rem; }
}