/*
 * Breadcrumbs (template-parts/breadcrumbs.php) — small "Начало › hub › current" trail on inner pages.
 * Enqueued automatically after site.css (functions.php globs assets/css/parts/*.css), so it may override
 * the shipped rules. Design language: Inter, --dark-teal links, small.
 *
 * The base sits inside a content wrapper that already clears the fixed menu (.article / .service /
 * .package-content, each margin-top:var(--s7)). The --standalone modifier is used where the breadcrumb
 * is the first in-flow element (aesthetic-hub before the hero, consultation before its header) and must
 * clear the fixed menu itself; for consultation it also replaces the header's own menu-clearing margin.
 */

.hg-breadcrumbs {
	box-sizing: border-box;
	width: 100%;
	max-width: var(--max);
	margin: 0 auto var(--s2);
	padding: 0 var(--gap);
	font-family: "Inter", sans-serif;
	font-weight: 300;
	font-size: 14px;
	line-height: 1.5;
	color: var(--dark-teal);
	font-variant-numeric: lining-nums;
}

.hg-breadcrumbs--standalone {
	padding-top: var(--s7);
}

/* The breadcrumb (placed before the page's content block) now clears the fixed menu, so the block that
   follows drops its own large menu-clearing top margin and sits just below the trail. */
/* #root prefix raises specificity above the responsive `.mobile .service`/`.article` rules (0,3,0). */
#root .hg-breadcrumbs--standalone + .service,
#root .hg-breadcrumbs--standalone + .article,
#root .hg-breadcrumbs--standalone + .package-content,
#root .hg-breadcrumbs--standalone + .hero,
#root .hg-breadcrumbs--standalone + header {
	margin-top: var(--s2);
}

/* The first section's heading carries a large top margin (var(--s7)/--s5) that, in the original design,
   collapses up through the content wrapper to clear the fixed menu. The standalone breadcrumb now provides
   that clearance, so neutralise it on the FIRST section only (later sections keep their spacing rhythm) and
   let the page title sit directly under the trail. Scoped to breadcrumb pages, so the front page is untouched. */
.hg-breadcrumbs--standalone + .service .sections > .section:first-child .heading-wrapper,
.hg-breadcrumbs--standalone + .article .sections > .section:first-child .heading-wrapper {
	margin-top: 0;
}

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

.hg-breadcrumbs__item {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	min-width: 0;
}

.hg-breadcrumbs__link {
	color: var(--dark-teal);
	text-decoration: none;
	transition: color .15s ease;
}

.hg-breadcrumbs__link:hover,
.hg-breadcrumbs__link:focus {
	color: var(--dark-teal-link);
	text-decoration: underline;
}

.hg-breadcrumbs__current {
	color: var(--dark-teal-link);
	opacity: .72;
}

.hg-breadcrumbs__sep {
	color: var(--dark-teal);
	opacity: .5;
}

@media (max-width: 640px) {
	.hg-breadcrumbs {
		font-size: 13px;
	}
	.hg-breadcrumbs--standalone {
		padding-top: calc(var(--s6) + var(--s2));
	}
}