/* =========================================================
   WEATHERDUCK — BREADCRUMBS
   One trail for every content page (site-breadcrumbs.php).
   Light by default for reading pages; recolours itself when
   it sits inside the dark specialist hero.
   ========================================================= */

.wd-breadcrumbs {
	margin: 0 0 var(--wd-space-xl);
	font-family: var(--wd-font);
	font-size: var(--wd-font-size-xs);
	font-weight: 700;
	letter-spacing: .02em;
	line-height: 1.5;
}

.wd-breadcrumbs ol {
	display: flex;
	flex-wrap: wrap;
	gap: var(--wd-space-xs) var(--wd-space-sm);
	margin: 0;
	padding: 0;
	list-style: none;
}

.wd-breadcrumbs li {
	display: inline-flex;
	gap: var(--wd-space-sm);
	align-items: baseline;
	min-width: 0;
	margin: 0;
}

.wd-breadcrumbs a {
	color: var(--wd-green);
	text-decoration: none;
	text-underline-offset: var(--wd-space-xs);
}

.wd-breadcrumbs a:hover {
	text-decoration: underline;
}

.wd-breadcrumbs a:focus-visible {
	outline: none;
	box-shadow: var(--wd-focus-ring);
}

.wd-breadcrumbs [aria-current="page"] {
	font-weight: 600;
	color: var(--wd-text-muted);
}

.wd-breadcrumbs__sep {
	color: var(--wd-text-muted);
}

/* On the dark hero band */
.wd-specialist-hero .wd-breadcrumbs a {
	color: var(--wd-cta);
}

.wd-specialist-hero .wd-breadcrumbs [aria-current="page"],
.wd-specialist-hero .wd-breadcrumbs__sep {
	color: var(--wd-text-on-dark-subtle);
}

/* Reading pages: sits at the top of the article head */
.wd-article__head .wd-breadcrumbs {
	margin-bottom: var(--wd-space-lg);
}

@media (max-width: 480px) {
	.wd-breadcrumbs {
		margin-bottom: var(--wd-space-lg);
	}

	/* Long post titles: keep the trail to one or two tidy lines */
	.wd-breadcrumbs li:last-child {
		flex: 1 1 100%;
		max-width: 100%;
	}

	.wd-breadcrumbs [aria-current="page"] {
		min-width: 0;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}
}