/*
 * SIA Breadcrumbs — the trail from home to the current view.
 *
 * Markup is a `<nav>` wrapping an `<ol>`: breadcrumbs are an ordered sequence,
 * and the order carries meaning, so a list is the honest structure rather than
 * a row of spans. The list markers are removed visually; the semantics stay.
 *
 * Links and the current page are styled independently (that's the whole point
 * of the widget — you can see at a glance what's navigable), and the separator
 * is its own element so it can be coloured down without dimming the links.
 */

.sia-bc {
	font-size: 14px;
	font-weight: 600;
	line-height: 1.4;
}

.sia-bc__list {
	display: flex;
	flex-wrap: wrap;      /* long trails wrap instead of overflowing */
	align-items: center;
	justify-content: flex-start;
	gap: 0 8px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.sia-bc__item {
	display: inline-flex;
	align-items: center;
	gap: inherit;
	min-width: 0;
}

.sia-bc__link {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	color: #fff;
	text-decoration: none;
	transition: color 0.18s ease, opacity 0.18s ease;
}
.sia-bc__current {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	color: #F5C542;
}

.sia-bc__icon {
	display: inline-flex;
	align-items: center;
	line-height: 1;
}
.sia-bc__icon svg,
.sia-bc__icon i {
	width: 1em;
	height: 1em;
	fill: currentColor;
	display: block;
}

.sia-bc__sep {
	display: inline-flex;
	align-items: center;
	color: rgba(255, 255, 255, 0.45);
	user-select: none;
}
.sia-bc__sep svg,
.sia-bc__sep i {
	width: 0.8em;
	height: 0.8em;
	fill: currentColor;
	display: block;
}

/* ─── Underline modes (prefix_class on the widget wrapper) ─── */
.sia-bc-underline-always .sia-bc__link { text-decoration: underline; text-underline-offset: 3px; }
.sia-bc-underline-hover .sia-bc__link:hover { text-decoration: underline; text-underline-offset: 3px; }
.sia-bc-underline-none .sia-bc__link,
.sia-bc-underline-none .sia-bc__link:hover { text-decoration: none; }

.sia-bc__link:focus-visible {
	outline: 2px solid currentColor;
	outline-offset: 3px;
	border-radius: 2px;
}

@media (prefers-reduced-motion: reduce) {
	.sia-bc__link { transition: none; }
}