/**
 * Breadcrumb bar — the design's ".breadcrumb" chrome under the header.
 *
 * Shared component (category archive + landing pages). Loaded globally.
 *
 * @package Bozpo_Custom
 */

.breadcrumb {
	border-bottom: 1px solid var(--color-border);
	background: var(--surface);
}

.breadcrumb .wrap {
	display: flex;
	align-items: center;
	min-height: var(--space-40);
	padding-top: var(--space-11);
	padding-bottom: var(--space-11);
	font-size: var(--text-13);
	color: var(--color-muted);
}

.breadcrumb .woocommerce-breadcrumb {
	margin: 0;
	font-size: var(--text-13);
	color: var(--color-muted);
}

.breadcrumb a {
	color: var(--color-muted);
}

.breadcrumb a:hover {
	color: var(--color-primary);
}

.breadcrumb__sep {
	margin: 0 var(--space-7);
	opacity: .5;
}