/**
 * Sitewide breadcrumb navigation, aligned with the existing AWO layout.
 */

.awo-site-breadcrumbs {
	background: var(--awo-white, #fff);
	border-bottom: 1px solid #d7d7d7;
	color: var(--awo-muted, #4d4d4d);
	position: relative;
	z-index: 2;
}

.awo-site-breadcrumbs .awo-wrap {
	padding-block: 18px;
}

.awo-site-breadcrumbs ol {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	font-size: 15px;
	gap: 8px 0;
	line-height: 1.45;
	list-style: none;
	margin: 0;
	padding: 0;
}

.awo-site-breadcrumbs li {
	align-items: center;
	display: inline-flex;
	min-width: 0;
}

.awo-site-breadcrumbs li + li::before {
	color: #777;
	content: "/";
	margin-inline: 10px;
}

.awo-site-breadcrumbs a,
.awo-site-breadcrumbs span {
	color: inherit;
	text-decoration: none;
}

.awo-site-breadcrumbs a {
	transition: color .2s ease;
}

.awo-site-breadcrumbs a:is(:hover, :focus-visible) {
	color: var(--awo-red, #e0001b);
	text-decoration: none;
}

.awo-site-breadcrumbs a:focus-visible {
	outline: 2px solid currentColor;
	outline-offset: 3px;
}

.awo-site-breadcrumbs [aria-current="page"] {
	font-weight: 700;
}

@media (max-width: 767px) {
	.awo-site-breadcrumbs .awo-wrap {
		padding-block: 14px;
	}

	.awo-site-breadcrumbs ol {
		font-size: 13px;
	}

	.awo-site-breadcrumbs li + li::before {
		margin-inline: 7px;
	}
}