/* ============================================
   Nova Breadcrumbs
   ============================================ */

.nova-breadcrumbs {
	--nova-bc-gap: 10px;
	--nova-bc-font-size: 15px;
	--nova-bc-line-height: 1.4;
	--nova-bc-link: #9a9aa0;
	--nova-bc-link-hover: #7b2d8e;
	--nova-bc-current: #2c2c30;
	--nova-bc-link-weight: 400;
	--nova-bc-current-weight: 500;
	--nova-bc-sep-color: #7b2d8e;
	--nova-bc-sep-size: 14px;
	--nova-bc-font: inherit;
	--nova-bc-link-decoration: none;
	box-sizing: border-box;
	width: 100%;
	font-family: var(--nova-bc-font);
	font-size: var(--nova-bc-font-size);
	line-height: var(--nova-bc-line-height);
}

.nova-breadcrumbs *,
.nova-breadcrumbs *::before,
.nova-breadcrumbs *::after {
	box-sizing: border-box;
}

.nova-breadcrumbs__list {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: var(--nova-bc-gap);
	margin: 0;
	padding: 0;
	list-style: none;
}

.nova-breadcrumbs--align-left .nova-breadcrumbs__list {
	justify-content: flex-start;
}

.nova-breadcrumbs--align-center .nova-breadcrumbs__list {
	justify-content: center;
}

.nova-breadcrumbs--align-right .nova-breadcrumbs__list {
	justify-content: flex-end;
}

.nova-breadcrumbs__item {
	display: inline-flex;
	align-items: center;
	margin: 0;
	padding: 0;
}

.nova-breadcrumbs__link {
	color: var(--nova-bc-link);
	font-weight: var(--nova-bc-link-weight);
	text-decoration: none;
	transition: color 0.2s ease;
}

.nova-breadcrumbs__link:hover,
.nova-breadcrumbs__link:focus {
	color: var(--nova-bc-link-hover);
	text-decoration: var(--nova-bc-link-decoration);
}

.nova-breadcrumbs__current {
	color: var(--nova-bc-current);
	font-weight: var(--nova-bc-current-weight);
}

.nova-breadcrumbs__sep {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	margin: 0;
	padding: 0;
	color: var(--nova-bc-sep-color);
	font-size: var(--nova-bc-sep-size);
	line-height: 1;
	user-select: none;
	list-style: none;
}

.nova-breadcrumbs__sep-text {
	display: inline-block;
	font-weight: 600;
	line-height: 1;
}

.nova-breadcrumbs__sep i,
.nova-breadcrumbs__sep .nova-breadcrumbs__sep-img {
	display: block;
	width: var(--nova-bc-sep-size);
	height: auto;
	color: inherit;
	font-size: inherit;
}

.nova-breadcrumbs__sep-img {
	max-height: 1.2em;
	object-fit: contain;
}