/*
 * Breadcrumb (Task P4-22, shared component) — consumes v2-tokens.css.
 * Enqueued from Breadcrumb::render() itself so every consumer (Category
 * Hub, Provider Template, Ratgeber Category Block) gets consistent styling
 * regardless of which of their own stylesheets is also loaded.
 */

.abostopp-breadcrumb {
	margin-bottom: 16px;
	font-size: 0.9rem;
	color: var(--as-text-secondary);
}

.abostopp-breadcrumb__list {
	display: flex;
	flex-wrap: wrap;
	gap: 0.4em;
	list-style: none;
	margin: 0;
	padding: 0;
}

.abostopp-breadcrumb__item a {
	color: var(--as-text-secondary);
	text-decoration: underline;
}

.abostopp-breadcrumb__item a:hover,
.abostopp-breadcrumb__item a:focus-visible {
	color: var(--as-blue);
}

.abostopp-breadcrumb__item[aria-current] span,
.abostopp-breadcrumb__item span[aria-current] {
	color: var(--as-text);
}

.abostopp-breadcrumb__item:not(:last-child)::after {
	content: "›";
	margin-left: 0.4em;
}