/*
 * Chennai Home Guide — breadcrumb nav.
 *
 * Only enqueued on the page types that render
 * <!-- wp:chg/breadcrumbs /--> (Project/Builder/Locality archives and
 * singles, the Blog page and Blog articles). Deliberately subtle — small, muted
 * text, no borders/backgrounds/cards — so it reads as wayfinding, not
 * a competing heading next to the page H1/hero. Reuses existing
 * tokens only (spacing, muted/accent colors, small font size); no new
 * visual system. See CLAUDE.md, "CSS Architecture."
 */

.chg-breadcrumbs {
	margin-block: var(--wp--preset--spacing--sm) 0;
}

.chg-breadcrumbs ol {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0.375rem;
	margin: 0;
	padding: 0;
	list-style: none;
}

.chg-breadcrumbs li {
	display: flex;
	align-items: center;
	gap: 0.375rem;
	color: var(--wp--preset--color--muted);
	font-size: var(--wp--preset--font-size--xs);
}

.chg-breadcrumbs li:not(:first-child)::before {
	content: "/";
	color: var(--wp--preset--color--border);
}

.chg-breadcrumbs a {
	color: var(--wp--preset--color--muted);
	text-decoration: none;
}

.chg-breadcrumbs a:hover {
	color: var(--wp--preset--color--accent);
	text-decoration: underline;
}

.chg-breadcrumbs li[aria-current="page"] {
	color: var(--wp--preset--color--foreground);
	font-weight: 600;
}