/**
 * Shared breadcrumb presentation for the public portal shell.
 *
 * Domain plugins remain responsible for breadcrumb content. This stylesheet
 * only normalizes the visual treatment of their existing, semantic markup.
 */
.star-portal-navigation {
	--star-crumb-ink: #253029;
	--star-crumb-muted: #657069;
	--star-crumb-accent: #006f32;
	--star-crumb-line: #d8e2dc;
	--star-crumb-surface: #f7faf8;
}

.star-portal-navigation :is(
	.star-page-breadcrumbs,
	.star-local-article__breadcrumbs,
	.star-knowledge-article__breadcrumbs,
	.star-obituary__breadcrumbs,
	.star-cinema__breadcrumbs,
	.star-calendar__breadcrumbs,
	.film-breadcrumbs,
	.firma-breadcrumbs,
	.star-bio-breadcrumbs,
	.smartcrawl-breadcrumbs,
	.ast-breadcrumbs-wrapper .breadcrumb-trail
) {
	display: flex !important;
	flex-wrap: wrap;
	align-items: center;
	width: fit-content;
	max-width: 100%;
	min-height: 46px;
	margin-block: 0 clamp(18px, 2vw, 26px) !important;
	padding: 0 10px !important;
	overflow: visible !important;
	border: 1px solid var(--star-crumb-line);
	border-radius: 14px;
	background: var(--star-crumb-surface);
	box-shadow: 0 6px 20px rgba(23, 32, 27, .045);
	color: var(--star-crumb-muted);
	font-size: .875rem !important;
	line-height: 1.4 !important;
	white-space: normal !important;
}

.star-portal-navigation :is(.star-page-breadcrumbs ol, .star-bio-breadcrumbs ol, .trail-items) {
	display: flex !important;
	flex-wrap: wrap;
	align-items: center;
	gap: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
	list-style: none !important;
}

.star-portal-navigation :is(
	.star-page-breadcrumbs,
	.star-local-article__breadcrumbs,
	.star-knowledge-article__breadcrumbs,
	.star-obituary__breadcrumbs,
	.star-cinema__breadcrumbs,
	.star-calendar__breadcrumbs,
	.film-breadcrumbs,
	.firma-breadcrumbs,
	.star-bio-breadcrumbs,
	.smartcrawl-breadcrumbs,
	.ast-breadcrumbs-wrapper .breadcrumb-trail
) a {
	display: inline-flex;
	align-items: center;
	min-height: 44px;
	padding-inline: 8px;
	color: var(--star-crumb-accent) !important;
	font-weight: 700;
	text-decoration: underline !important;
	text-decoration-thickness: .08em;
	text-underline-offset: .2em;
}

.star-portal-navigation :is(
	.star-page-breadcrumbs,
	.star-local-article__breadcrumbs,
	.star-knowledge-article__breadcrumbs,
	.star-obituary__breadcrumbs,
	.star-cinema__breadcrumbs,
	.star-calendar__breadcrumbs,
	.film-breadcrumbs,
	.firma-breadcrumbs,
	.star-bio-breadcrumbs,
	.smartcrawl-breadcrumbs,
	.ast-breadcrumbs-wrapper .breadcrumb-trail
) a:first-of-type::before {
	width: 14px;
	height: 14px;
	margin-right: 7px;
	background: currentColor;
	content: "";
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 10.8 12 3l9 7.8v9.4a.8.8 0 0 1-.8.8h-5.4v-6.2H9.2V21H3.8a.8.8 0 0 1-.8-.8z'/%3E%3C/svg%3E") center / contain no-repeat;
	mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 10.8 12 3l9 7.8v9.4a.8.8 0 0 1-.8.8h-5.4v-6.2H9.2V21H3.8a.8.8 0 0 1-.8-.8z'/%3E%3C/svg%3E") center / contain no-repeat;
	flex: 0 0 14px;
}

.star-portal-navigation :is(
	.star-page-breadcrumbs,
	.star-local-article__breadcrumbs,
	.star-knowledge-article__breadcrumbs,
	.star-obituary__breadcrumbs,
	.star-cinema__breadcrumbs,
	.star-calendar__breadcrumbs,
	.film-breadcrumbs,
	.firma-breadcrumbs,
	.star-bio-breadcrumbs,
	.smartcrawl-breadcrumbs,
	.ast-breadcrumbs-wrapper .breadcrumb-trail
) a:hover {
	color: #004d24 !important;
}

.star-portal-navigation :is(
	.star-page-breadcrumbs,
	.star-local-article__breadcrumbs,
	.star-knowledge-article__breadcrumbs,
	.star-obituary__breadcrumbs,
	.star-cinema__breadcrumbs,
	.star-calendar__breadcrumbs,
	.film-breadcrumbs,
	.firma-breadcrumbs,
	.star-bio-breadcrumbs,
	.smartcrawl-breadcrumbs,
	.ast-breadcrumbs-wrapper .breadcrumb-trail
) a:focus-visible {
	border-radius: 8px;
	outline: 3px solid #1b75d0 !important;
	outline-offset: 1px;
}

.star-portal-navigation :is(.star-page-breadcrumbs, .star-bio-breadcrumbs) li {
	display: inline-flex;
	align-items: center;
	min-height: 44px;
}

.star-portal-navigation :is(.star-page-breadcrumbs, .star-bio-breadcrumbs) li[aria-current="page"] {
	padding-inline: 8px;
	color: var(--star-crumb-ink);
	font-weight: 650;
}

.star-portal-navigation :is(.star-page-breadcrumbs, .star-bio-breadcrumbs) li + li::before,
.star-portal-navigation .trail-items .trail-item:not(:last-child)::after {
	position: static !important;
	display: inline-flex !important;
	align-items: center;
	margin: 0 2px !important;
	color: #87918b !important;
	content: "\203A" !important;
	font-size: 1.25rem !important;
	font-weight: 400 !important;
	line-height: 1 !important;
}

.star-portal-navigation .trail-items .trail-item {
	display: inline-flex !important;
	align-items: center;
	min-height: 44px;
}

.star-portal-navigation .trail-items .trail-end > span > span {
	display: inline-flex;
	align-items: center;
	min-height: 44px;
	padding-inline: 8px;
	color: var(--star-crumb-ink) !important;
	font-weight: 650;
}

.star-portal-navigation :is(
	.star-local-article__breadcrumbs,
	.star-knowledge-article__breadcrumbs,
	.star-obituary__breadcrumbs,
	.star-cinema__breadcrumbs,
	.star-calendar__breadcrumbs,
	.film-breadcrumbs,
	.firma-breadcrumbs
) > span[aria-current="page"] {
	display: inline-flex;
	align-items: center;
	min-height: 44px;
	padding-inline: 8px;
	color: var(--star-crumb-ink);
	font-weight: 650;
}

.star-portal-navigation :is(
	.star-local-article__breadcrumbs,
	.star-knowledge-article__breadcrumbs,
	.star-obituary__breadcrumbs,
	.star-cinema__breadcrumbs,
	.star-calendar__breadcrumbs
) > span:not([aria-current]),
.star-portal-navigation :is(.film-breadcrumbs-separator, .firma-breadcrumbs-separator) {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 18px;
	min-width: 18px;
	color: transparent !important;
	font-size: 0 !important;
}

.star-portal-navigation :is(
	.star-local-article__breadcrumbs,
	.star-knowledge-article__breadcrumbs,
	.star-obituary__breadcrumbs,
	.star-cinema__breadcrumbs,
	.star-calendar__breadcrumbs
) > span:not([aria-current])::before,
.star-portal-navigation :is(.film-breadcrumbs-separator, .firma-breadcrumbs-separator)::before {
	color: #87918b;
	content: "\203A";
	font-size: 1.25rem;
	line-height: 1;
}

/* STAR page patterns inherited a second top gutter from Astra's article box. */
.star-page-pattern-renderer .star-page-pattern-shell > .star-page-pattern-shell__inner > .star-page-breadcrumbs {
	margin-inline: clamp(0px, 3.75vw, 48px) !important;
}

.star-page-pattern-renderer .star-page-pattern-shell > .star-page-pattern-shell__inner > article.star-page-pattern {
	padding-top: 12px !important;
}

.star-local-conditions-page .ast-breadcrumbs-wrapper {
	width: min(calc(100% - 32px), 1240px);
	margin-inline: auto;
}

@media (max-width: 600px) {
	.star-portal-navigation :is(
		.star-page-breadcrumbs,
		.star-local-article__breadcrumbs,
		.star-knowledge-article__breadcrumbs,
		.star-obituary__breadcrumbs,
		.star-cinema__breadcrumbs,
		.star-calendar__breadcrumbs,
		.film-breadcrumbs,
		.firma-breadcrumbs,
		.star-bio-breadcrumbs,
		.smartcrawl-breadcrumbs,
		.ast-breadcrumbs-wrapper .breadcrumb-trail
	) {
		width: 100%;
		border-radius: 12px;
		font-size: .8125rem !important;
	}

	.star-page-pattern-renderer .star-page-pattern-shell > .star-page-pattern-shell__inner > .star-page-breadcrumbs {
		margin-inline: 0 !important;
	}
}

@media (prefers-reduced-motion: reduce) {
	.star-portal-navigation :is(
		.star-page-breadcrumbs,
		.star-local-article__breadcrumbs,
		.star-knowledge-article__breadcrumbs,
		.star-obituary__breadcrumbs,
		.star-cinema__breadcrumbs,
		.star-calendar__breadcrumbs,
		.film-breadcrumbs,
		.firma-breadcrumbs,
		.star-bio-breadcrumbs,
		.smartcrawl-breadcrumbs,
		.ast-breadcrumbs-wrapper .breadcrumb-trail
	) * {
		scroll-behavior: auto !important;
		transition-duration: .01ms !important;
	}
}