/* ------------------------------------------------------------ *\
	Breadcrumbs
	Migrated from topendsports-child/assets/src/scss/components/_breadcrumbs.scss
	SCSS tokens resolved: $base -> #0f172a; breakpoint-down(tablet) -> max 1023px;
	breakpoint-down(mobile) -> max 767px (+ iOS landscape 812px).
\* ------------------------------------------------------------ */

.bw-breadcrumbs {
	margin: 0 0 5px;
	position: relative;
	font-size: 12px;
	z-index: 2;
	color: #0f172a;
}

@media (max-width: 1023px) {
	.bw-breadcrumbs {
		margin: 0 0 6px;
	}
}

.bw-breadcrumbs ul {
	list-style-type: none;
	display: flex;
	flex-wrap: wrap;
	padding: 0;
	margin: 0;
}

.bw-breadcrumbs li {
	display: flex;
	align-items: center;
	flex-wrap: nowrap;
	padding: 2px 0;
}

.bw-breadcrumbs a {
	text-decoration: underline;
	color: #0f172a;
}

.bw-breadcrumbs a:hover {
	text-decoration: none;
}

.bw-breadcrumbs .bw-breadcrumbs__home {
	position: relative;
}

.bw-breadcrumbs .bw-breadcrumbs__home a {
	text-decoration: none;
	display: inline-flex;
	align-items: center;
}

.bw-breadcrumbs .bw-breadcrumbs__home .bw-breadcrumbs__home-icon {
	display: none;
}

/* On mobile, swap the "Home" label for a compact house icon. */
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
	.bw-breadcrumbs .bw-breadcrumbs__home .bw-breadcrumbs__home-icon {
		display: block;
	}

	.bw-breadcrumbs .bw-breadcrumbs__home .bw-breadcrumbs__home-label {
		display: none;
	}
}

.bw-breadcrumbs .bw-breadcrumbs__locale {
	white-space: nowrap;
	text-transform: uppercase;
}

.bw-breadcrumbs .bw-breadcrumbs__separator {
	padding: 0 10px;
}

.bw-breadcrumbs .bw-breadcrumbs__separator svg path,
.bw-breadcrumbs .bw-breadcrumbs__home svg path {
	fill: #0f172a;
}

.bw-breadcrumbs .bw-breadcrumbs__last {
	font-weight: 500;
	color: #0f172a;
}