/* WildeNatur Breadcrumb — v1.1.0
   Separator via CSS ::after only.
   No HTML text nodes, no aria-hidden on pseudo-elements
   (CSS ::after does not exist in the DOM).
   v1.1.0 (BREADCRUMB-TYPOGRAPHY-025): parent crumbs bold, current page
   regular — keyed on aria-current="page" (flat class/attribute selectors,
   no !important, no IDs, no inline styles). */

.wn-breadcrumb {
	margin: 0;
	padding: 0.5em 0;
}

.wn-breadcrumb__list {
	display: flex;
	flex-wrap: wrap;
	list-style: none;
	margin: 0;
	padding: 0;
	gap: 0;
	font-size: 0.875em;
}

.wn-breadcrumb__item {
	display: flex;
	align-items: center;
}

/* Separator: CSS only, not in DOM. Kept regular-weight so the parent crumbs
   going bold (below) does not also embolden the ' > ' separators (AC4). */
.wn-breadcrumb__item:not(:last-child)::after {
	content: ' > ';
	padding: 0 0.35em;
	color: currentColor;
	opacity: 0.6;
	font-weight: 400;
}

.wn-breadcrumb__item a {
	text-decoration: none;
	color: inherit;
}

.wn-breadcrumb__item a:hover,
.wn-breadcrumb__item a:focus {
	text-decoration: underline;
}

/* Typography (BREADCRUMB-TYPOGRAPHY-025): parent crumbs bold, current page
   regular. The current page is keyed on aria-current="page" (set in
   breadcrumb.php on the final crumb), NOT on :last-child. Parents = linked
   crumbs AND non-linked intermediate crumbs both match
   :not([aria-current="page"]). font-weight inherits into the inner <a>. */
.wn-breadcrumb__item:not([aria-current="page"]) {
	font-weight: 700;
}

/* Current page — no link, visually distinct: regular weight + slight dim.
   Keyed on aria-current (not :last-child) so the active styling is semantic. */
.wn-breadcrumb__item[aria-current="page"] {
	font-weight: 400;
	opacity: 0.75;
}