.themeBreadcrumbs {
	background: #fff;
	padding-block: 2rem;
}

.themeBreadcrumbs .custom-breadcrumbs {
	display: flex;
	align-items: center;
	gap: 0.5rem;
	white-space: nowrap;
	max-width: none;
	margin: 0;
}

.themeBreadcrumbs * {
	font-family: var(--theme-font);
	font-size: 0.75rem;
	font-weight: 400;
	line-height: 0.875rem;
	letter-spacing: 0.075rem;
	text-transform: uppercase;
	color: #4b5563;
}

.themeBreadcrumbs a:hover {
	color: #111827;
	opacity: 1;
}

.themeBreadcrumbs .separator {
	flex: none;
	width: 0.75rem;
	height: 0.75rem;
	font-size: 0;
	background: currentColor;
	-webkit-mask: url("../template-img/icon_chevron_right.svg") no-repeat center / contain;
	mask: url("../template-img/icon_chevron_right.svg") no-repeat center / contain;
}

.themeBreadcrumbs .custom-breadcrumbs > * {
	flex: none;
}

.themeBreadcrumbs .custom-breadcrumbs > .current:last-child {
	flex: 0 1 auto;
	min-width: 0;
	overflow: hidden;
	text-overflow: ellipsis;
}

@media (max-width: 767px) {
	.themeBreadcrumbs {
		padding-block: 1.25rem;
	}

	.themeBreadcrumbs .custom-breadcrumbs {
		gap: 0.375rem;
	}
}