/* Everest Custom Elements — crumbbar.css (handle ehf-crumbbar)
   Breadcrumb bar below the header on pages without everest_page_hero. Token styling identical to
   .ehf-page-hero__crumbs. Server-rendered, so it adds no layout shift. */
.ehf-crumbbar {
	max-width: var(--ehf-container, 1200px);
	margin-inline: auto;
	padding: 16px var(--ehf-gutter, 24px) 4px;
	box-sizing: border-box;
}

.ehf-crumbbar .ehf-crumbbar__nav ol {
	display: flex;
	flex-wrap: wrap;
	gap: 4px 0;
	margin: 0;
	padding: 0;
	list-style: none;
	font-family: var(--ehf-ff-body, inherit);
	font-size: var(--ehf-fs-small, 0.875rem);
	line-height: 1.5;
}

.ehf-crumbbar .ehf-crumbbar__nav li {
	display: inline-flex;
	align-items: center;
	margin: 0;
	padding: 0;
}

.ehf-crumbbar .ehf-crumbbar__nav li + li::before {
	content: "/";
	margin-inline: 8px;
	color: var(--ehf-c-body, #5c6570);
	opacity: 0.6;
}

.ehf-crumbbar .ehf-crumbbar__nav a {
	color: var(--ehf-c-primary, #0b6993);
	text-decoration: none;
	font-weight: 600;
}

.ehf-crumbbar .ehf-crumbbar__nav a:hover {
	text-decoration: underline;
}

.ehf-crumbbar .ehf-crumbbar__nav [aria-current="page"] {
	color: var(--ehf-c-body, #5c6570);
}