/**
 * Breadcrumbs — Figma 842:13576 «breadcumbs».
 * Главная: Muller Medium 14 / #808899 + pr 4px
 * Текущая: chevron 16 + gap 4px + Muller Bold 14 / #434855
 */

.dr-hug-breadcrumbs {
	font-family: var(--dr-hug-font-family);
	line-height: 1.2;
}

.dr-hug-breadcrumbs__list {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0;
	margin: 0;
	padding: 0;
	list-style: none;
}

.dr-hug-breadcrumbs__item {
	display: inline-flex;
	align-items: center;
	gap: 0;
	margin: 0;
	padding: 0;
	font-size: var(--dr-hug-font-size-xs);
	line-height: 1.2;
}

/* Figma first item: pr-[4px] before the next segment */
.dr-hug-breadcrumbs__item:not(:last-child) {
	padding-right: 4px;
}

/* Figma segment with chevron: gap-[4px] between icon and label */
.dr-hug-breadcrumbs__item:not(:first-child) {
	gap: 4px;
}

.dr-hug-breadcrumbs__sep {
	display: block;
	width: 16px;
	height: 16px;
	flex-shrink: 0;
}

.dr-hug-breadcrumbs__link,
.dr-hug-breadcrumbs__link:link,
.dr-hug-breadcrumbs__link:visited {
	display: inline-block;
	margin: 0;
	padding: 0;
	border: 0;
	font-family: inherit;
	font-size: var(--dr-hug-font-size-xs);
	font-weight: var(--dr-hug-font-weight-medium);
	line-height: 1.2;
	color: var(--dr-hug-grey);
	text-decoration: none;
	white-space: nowrap;
}

.dr-hug-breadcrumbs__link:hover,
.dr-hug-breadcrumbs__link:focus {
	color: var(--dr-hug-black);
	text-decoration: none;
}

.dr-hug-breadcrumbs__current {
	display: inline-block;
	margin: 0;
	padding: 0;
	font-family: inherit;
	font-size: var(--dr-hug-font-size-xs);
	font-weight: var(--dr-hug-font-weight-bold);
	line-height: 1.2;
	color: var(--dr-hug-black);
	white-space: nowrap;
}

@media (max-width: 767px) {
	.dr-hug-breadcrumbs__list {
		row-gap: 6px;
	}

	/* Keep ancestor crumbs on one trail; put the current page on its own line. */
	.dr-hug-breadcrumbs__item {
		max-width: 100%;
	}

	.dr-hug-breadcrumbs__item--current {
		flex: 1 1 100%;
		min-width: 0;
	}

	.dr-hug-breadcrumbs__item--current .dr-hug-breadcrumbs__sep {
		display: none;
	}

	/* Exactly 2 crumbs: keep chevron after the first item on one line. */
	.dr-hug-breadcrumbs__list:has(> .dr-hug-breadcrumbs__item:first-child:nth-last-child(2)) .dr-hug-breadcrumbs__item--current {
		flex: 0 1 auto;
	}

	.dr-hug-breadcrumbs__list:has(> .dr-hug-breadcrumbs__item:first-child:nth-last-child(2)) .dr-hug-breadcrumbs__item--current .dr-hug-breadcrumbs__sep {
		display: block;
	}

	.dr-hug-breadcrumbs__link,
	.dr-hug-breadcrumbs__link:link,
	.dr-hug-breadcrumbs__link:visited {
		white-space: nowrap;
	}

	.dr-hug-breadcrumbs__current {
		display: -webkit-box;
		max-width: 100%;
		overflow: hidden;
		white-space: normal;
		overflow-wrap: break-word;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
		line-clamp: 2;
	}
}