/**
 * Breadcrumb (template-parts/breadcrumbs.php): shop, product, pages, posts,
 * archives. Loaded on every page.
 *
 * States: link default / hover / focus-visible; current page (aria-current).
 */

.sp-crumbs ol {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0.375rem;
	margin: 0;
	padding: 0;
	list-style: none;
	font-size: 0.8125rem;
	line-height: 1.4;
}

.sp-crumbs li {
	display: inline-flex;
	align-items: center;
	gap: 0.375rem;
	margin: 0;
}

.sp-crumbs a {
	color: var( --global-palette6, #6b6b6b );
	text-decoration: none;
	border-radius: 4px;
	transition: color 0.15s ease;
}

.sp-crumbs a:hover {
	color: var( --sp-black, #000000 );
	text-decoration: underline;
	text-underline-offset: 3px;
}

.sp-crumbs a:focus-visible {
	color: var( --sp-black, #000000 );
	outline: none;
	box-shadow: 0 0 0 2px var( --sp-white, #ffffff ), 0 0 0 4px var( --sp-orange, #e8620a );
}

.sp-crumbs [aria-current="page"] {
	color: var( --sp-black, #000000 );
	font-weight: 500;
}

.sp-crumbs__sep {
	width: 14px;
	height: 14px;
	color: #dcd6cc;
}