/**
 * Out-N-Out Breadcrumbs. Token-driven. Handle: oon-widget-breadcrumbs.
 * Single source of breadcrumb styling — reused by the theme shop archive too
 * (the theme enqueues this handle on product archives).
 */
.oon-breadcrumbs__list {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 6px;
	margin: 0;
	padding: 0;
	list-style: none;
	font-family: var(--oon-font-body);
	font-size: 0.85rem;
	color: var(--oon-color-text-secondary, #666);
}

.oon-breadcrumbs__item {
	display: inline-flex;
	align-items: center;
	gap: 6px;
}

.oon-breadcrumbs__link {
	color: var(--oon-color-text-secondary, #666);
	text-decoration: none;
	transition: color var(--oon-transition, 0.25s ease);
}

.oon-breadcrumbs__link:hover,
.oon-breadcrumbs__link:focus {
	color: var(--oon-color-heading, #332d55);
}

.oon-breadcrumbs__current {
	color: var(--oon-color-heading, #332d55);
}

.oon-breadcrumbs__sep {
	opacity: 0.6;
}