/*
 * Breadcrumbs — minimal default styling.
 * Themes that already style their own breadcrumbs can ignore / override.
 *
 * @package YourShoppy\SEO
 */
.yss-breadcrumbs {
	display: flex;
	flex-wrap: wrap;
	gap: 4px;
	font-size: 14px;
	line-height: 1.4;
	color: #6b7280;
	padding: 8px 0;
}

.yss-breadcrumbs .yss-breadcrumb__item {
	color: inherit;
	text-decoration: none;
}
.yss-breadcrumbs .yss-breadcrumb__item:hover {
	color: #2271b1;
	text-decoration: underline;
}

.yss-breadcrumbs .yss-breadcrumb__current {
	color: #1d2327;
	font-weight: 500;
}

.yss-breadcrumbs .yss-breadcrumb__sep {
	color: #c3c4c7;
	user-select: none;
}