/* Видимая цепочка хлебных крошек. Ширина и типографика наследуются от темы. */

.bh-breadcrumbs {
	font-size: 0.8125rem;
	line-height: 1.4;
}

.bh-breadcrumbs__wrap {
	width: min(1280px, 100% - 2rem);
	margin: 0 auto;
	padding: 0.75rem 0 0;
}

.bh-breadcrumbs ol {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0.25rem 0.5rem;
	margin: 0;
	padding: 0;
	list-style: none;
}

.bh-breadcrumbs li {
	display: flex;
	align-items: center;
	margin: 0;
	padding: 0;
}

.bh-breadcrumbs li + li::before {
	content: "/";
	margin-right: 0.5rem;
	opacity: 0.4;
}

.bh-breadcrumbs a {
	color: inherit;
	opacity: 0.7;
	text-decoration: none;
}

.bh-breadcrumbs a:hover,
.bh-breadcrumbs a:focus-visible {
	opacity: 1;
	text-decoration: underline;
}

.bh-breadcrumbs [aria-current="page"] {
	opacity: 0.55;
}

@media (max-width: 640px) {
	.bh-breadcrumbs__wrap {
		width: calc(100% - 2rem);
		padding-top: 0.5rem;
	}

	/* На узком экране цепочка не должна занимать несколько строк. */
	.bh-breadcrumbs ol {
		flex-wrap: nowrap;
		overflow-x: auto;
		white-space: nowrap;
		scrollbar-width: none;
	}

	.bh-breadcrumbs ol::-webkit-scrollbar {
		display: none;
	}
}