/* =============================================
   03_WIDGETS / w-crumbs
   Хлебные крошки.
   Варианты: --white
   ============================================= */

.crumbs:not(:last-child) {
	margin-bottom: 20px;
}
.crumbs__list {
	display: flex;
	row-gap: 5px;
	flex-wrap: wrap;
	font-weight: 300;
}
.crumbs__item {
	font-size: 0;
}
.crumbs__item:not(:last-child)::after {
	content: "/";
}
.crumbs--white .crumbs__item:not(:last-child)::after {
	color: var(--whiteColor);
}
.crumbs__item:not(:last-child) .crumbs__link {
	transition: color 0.3s;
}
.crumbs__item:last-child .crumbs__link {
	color: var(--greenColor5);
	pointer-events: none;
}
.crumbs--white .crumbs__item:last-child .crumbs__link {
	color: var(--whiteColor);
}
.crumbs__link {
	display: inline-block;
}
.crumbs--white .crumbs__link {
	color: var(--whiteColor);
}

/* ── Responsive ── */

@media (max-width: 74.99875em) {
	.crumbs {
		padding-top: 40px;
	}
}
@media (max-width: 63.99875em) {
	.crumbs__item:not(:last-child)::after {
		font-size: 14px;
		line-height: 128.571429%;
	}
	.crumbs__link {
		font-size: 14px;
		line-height: 128.571429%;
	}
}
@media (min-width: 63.99875em) {
	.crumbs__item:not(:last-child)::after {
		font-size: 12px;
		line-height: 125%;
	}
	.crumbs__link {
		font-size: 12px;
		line-height: 125%;
	}
}
@media (min-width: 74.99875em) {
	.crumbs {
		padding-top: 60px;
	}
	.crumbs__item:not(:last-child)::after {
		font-size: 14px;
		line-height: 128.571429%;
	}
	.crumbs__link {
		font-size: 14px;
		line-height: 128.571429%;
	}
}

/* ── Hover ── */

@media (any-hover: hover) {
	.crumbs__item:not(:last-child) .crumbs__link:hover {
		color: var(--greenColor4);
	}
	html:not([data-fls-touch]) .crumbs--white .crumbs__item:not(:last-child) .crumbs__link:hover {
		color: var(--greenColor1);
	}
}