/* Shared standalone WooCommerce breadcrumb presentation. */
.bp-breadcrumb {
	border-top: 1px solid rgba(75, 56, 49, .08);
	border-bottom: 1px solid rgba(75, 56, 49, .08);
	background: #fff;
	color: rgba(75, 56, 49, .62);
	font-size: 12px;
	line-height: 1.4;
}

.bp-breadcrumb__container {
	display: flex;
	gap: 0;
	align-items: center;
	width: 100%;
	max-width: var(--bp-content-width);
	min-height: 42px;
	margin-inline: auto;
	padding-inline: 16px;
	overflow-x: auto;
	overscroll-behavior-inline: contain;
	white-space: nowrap;
	scrollbar-width: none;
	-webkit-overflow-scrolling: touch;
}

.bp-breadcrumb__container::-webkit-scrollbar { display: none; }
.bp-breadcrumb a { color: rgba(75, 56, 49, .78); text-decoration: none; }
.bp-breadcrumb a:hover { color: #4b3831; }
.bp-breadcrumb__separator {
	flex: 0 0 auto;
	margin-inline: 7px;
	color: rgba(75, 56, 49, .3);
}

@media (max-width: 767px) {
	.bp-breadcrumb { font-size: 11.5px; }
	.bp-breadcrumb__container { min-height: 40px; padding-inline: 14px; }
	.bp-breadcrumb__separator { margin-inline: 6px; }
}