/* seo.css — Breadcrumb component styles for VisionaryFlux */

.vf-breadcrumbs {
	margin: 0 0 1.25rem;
	padding: 0.5rem 0;
}

.vf-breadcrumbs__list {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0.25rem;
	font-size: 0.8125rem; /* 13 px at default 16 px root */
	line-height: 1.4;
	color: var(--vf-text-muted);
}

.vf-breadcrumbs__item {
	display: flex;
	align-items: center;
	gap: 0.25rem;
}

.vf-breadcrumbs__link {
	color: var(--vf-accent);
	text-decoration: none;
	transition: color 0.15s ease;
}

.vf-breadcrumbs__link:hover,
.vf-breadcrumbs__link:focus-visible {
	color: var(--vf-accent-hover);
	text-decoration: underline;
}

.vf-breadcrumbs__current {
	color: var(--vf-text-muted);
	font-weight: 500;
}

.vf-breadcrumbs__sep {
	color: var(--vf-text-muted);
	font-size: 1em;
	line-height: 1;
	user-select: none;
}