/* bi/breadcrumbs: the trail under the header. Loaded by the block. */
.bi-breadcrumbs {
	padding: 0.625rem var(--wp--style--root--padding-right, 1rem) 0.625rem var(--wp--style--root--padding-left, 1rem);
	background: var(--wp--preset--color--base, #f5f7f4);
	border-bottom: 1px solid var(--wp--preset--color--line, #d5dcd6);
	font-family: var(--wp--preset--font-family--body, sans-serif);
	font-size: 0.875rem;
	line-height: 1.4;
}

.bi-breadcrumbs__list {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0.25rem 0;
	max-width: 1200px;
	margin: 0 auto;
	padding: 0;
	list-style: none;
}

.bi-breadcrumbs__item {
	display: inline-flex;
	align-items: center;
	min-width: 0;
	overflow-wrap: anywhere;
	color: var(--wp--preset--color--muted, #55656a);
}

/* A small chevron between crumbs, drawn rather than typed so screen readers skip it. */
.bi-breadcrumbs__item + .bi-breadcrumbs__item::before {
	content: "";
	flex: none;
	width: 0.375rem;
	height: 0.375rem;
	margin: 0 0.625rem 0 0.375rem;
	border-top: 1.5px solid currentColor;
	border-right: 1.5px solid currentColor;
	opacity: 0.6;
	transform: rotate(45deg);
}

.bi-breadcrumbs a {
	color: var(--wp--preset--color--primary, #1d5e86);
	text-decoration: none;
	text-underline-offset: 0.2em;
}

.bi-breadcrumbs a:hover,
.bi-breadcrumbs a:focus-visible {
	text-decoration: underline;
}

.bi-breadcrumbs a:focus-visible {
	outline: 2px solid var(--wp--preset--color--accent, #9a4127);
	outline-offset: 2px;
}

.bi-breadcrumbs [aria-current="page"] {
	color: var(--wp--preset--color--contrast, #1c2a2e);
	font-weight: 600;
}