/* ==========================================================================
   Breadcrumbs — WudGres
   Two variants:
     .wg-crumbs--over   overlay on a dark hero / photographic header (light ink)
     .wg-crumbs--light  in flow on a white page header (dark ink)
   ========================================================================== */

:root {
	/* .header-body is position:fixed at this height on every page, so anything
	   near the top of the document has to clear it explicitly. */
	--wg-header-h: 100px;
}

.wg-crumbs {
	font-family: "Gilroy", sans-serif;
	line-height: 1;
}

.wg-crumbs__list {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 6px 10px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.wg-crumbs__item {
	display: flex;
	align-items: center;
	gap: 10px;
	font-size: 12px;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	white-space: nowrap;
}

/* Chevron separator, drawn rather than typed so it never inherits link colour */
.wg-crumbs__item + .wg-crumbs__item::before {
	content: "";
	width: 5px;
	height: 5px;
	border-top: 1.5px solid currentColor;
	border-right: 1.5px solid currentColor;
	transform: rotate(45deg);
	opacity: 0.5;
	flex: none;
}

.wg-crumbs__item a {
	color: inherit;
	text-decoration: none;
	border-bottom: 1px solid transparent;
	padding-bottom: 2px;
	transition: color 0.2s ease, border-color 0.2s ease;
}

.wg-crumbs__item a:hover,
.wg-crumbs__item a:focus-visible {
	color: #c7a56c;
	border-bottom-color: #c7a56c;
}

/* Current page — not a link, and carries the weight */
.wg-crumbs__item[aria-current="page"] {
	font-weight: 700;
}

/* --- Variant: over a dark hero ------------------------------------------ */

.wg-crumbs--over {
	position: absolute;
	top: calc(var(--wg-header-h) + 32px);
	left: 0;
	right: 0;
	z-index: 6;
	color: rgba(255, 255, 255, 0.82);
	pointer-events: none;
}

.wg-crumbs--over .wg-crumbs__list {
	pointer-events: auto;
}

.wg-crumbs--over .wg-crumbs__item[aria-current="page"] {
	color: #fff;
}

/* --- Variant: on a light page header ------------------------------------ */

.wg-crumbs--light {
	color: #7a7570;
	margin-bottom: 14px;
}

.wg-crumbs--light .wg-crumbs__item[aria-current="page"] {
	color: #1c1a18;
}

/* --- Variant: in flow on a dark page header ----------------------------- */

.wg-crumbs--dark {
	color: rgba(255, 255, 255, 0.8);
	margin-bottom: 18px;
}

.wg-crumbs--dark .wg-crumbs__item[aria-current="page"] {
	color: #fff;
}

@media (max-width: 991px) {
	.wg-crumbs--over {
		top: calc(var(--wg-header-h) + 20px);
	}

	.wg-crumbs__item {
		font-size: 11px;
		letter-spacing: 0.08em;
	}
}

@media (max-width: 575px) {
	/* On the narrowest screens keep the trail to one line by dropping the
	   middle steps; Home and the current page are what people actually use. */
	.wg-crumbs__item--collapse {
		display: none;
	}
}

/* --- Clearance for trails that sit inside a .page-header -----------------
   Those sections start at y=0 and carry their own padding-top (9px, 85px or
   95px depending on the page), all of which are shorter than the fixed
   header. Normalising them here puts the trail — and the page title with it —
   below the header on every page. !important because the per-page values are
   inline styles. */
.wg-crumbs-host {
	padding-top: calc(var(--wg-header-h) + 28px) !important;
}

/* --- Decorative floating dots, removed site-wide -------------------------
   The theme scattered blurred .custom-circle spans over hero and page-header
   backgrounds. The markup is gone; this keeps any injected by runtime
   partials from reappearing. */
.custom-circle {
	display: none !important;
}