/* =============================================================================
   Шапка страницы: acf/header-breadcrumbs-left (H1 + крошки + CTA).
   Блок full-bleed (.align-full с !important), поэтому оставляем его во всю
   ширину и добавляем градиентную подсветку через ::before.
   ========================================================================== */

.header-breadcrumbs-left {
	position: relative;
	overflow: hidden;
	background-color: #202326;
	border-bottom: 1px solid var(--ms-border);
	padding: clamp(1.25rem, 3vw, 2.25rem) var(--offsets) clamp(1.75rem, 4vw, 3rem);
	margin-bottom: var(--ms-gap);
}

.header-breadcrumbs-left::before {
	content: "";
	position: absolute;
	inset: -60% -10% auto -10%;
	height: 160%;
	background:
		radial-gradient(50% 55% at 18% 0%, rgba(86, 145, 255, .22), transparent 70%),
		radial-gradient(45% 50% at 88% 8%, rgba(115, 104, 227, .16), transparent 72%);
	pointer-events: none;
}

.header-breadcrumbs-left > .container { position: relative; }

/* Крошки */
.header-breadcrumbs-left__breadcrumbs { margin-bottom: clamp(1rem, 2.5vw, 1.5rem); }

.breadcrumbs {
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
	gap: .35rem;
	padding: 0;
	margin: 0;
	list-style: none;
	font-size: .875rem;
	line-height: 1.5;
	color: var(--ms-muted);
}

/* без min-width:0 длинная крошка не переносится и распирает страницу на мобиле */
.breadcrumbs li { min-width: 0; }

.breadcrumbs__current { overflow-wrap: anywhere; }

.breadcrumbs__link {
	color: var(--ms-muted);
	text-decoration: none;
	transition: color var(--ms-dur) var(--ms-ease);
}

.breadcrumbs__link:hover { color: #fff; }

.breadcrumbs__separator { opacity: .45; }

.breadcrumbs__current { color: var(--ms-text); }

/* Контент шапки */
.header-breadcrumbs-left__content {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: clamp(1.25rem, 3vw, 2.5rem);
}

.header-breadcrumbs-left__text h1 { margin: 0 0 .85rem; }

.header-breadcrumbs-left__text > p,
.header-breadcrumbs-left__text .wp-block-paragraph {
	color: var(--ms-muted);
	font-size: clamp(1rem, 1.6vw, 1.1rem);
	max-width: 68ch;
}

.header-breadcrumbs-left__buttons {
	display: flex;
	flex-wrap: wrap;
	gap: .75rem;
	margin-top: clamp(1.25rem, 2.5vw, 1.75rem);
}

/* Тема принудительно красит кнопки шапки в цвета header_breadcrumbs_colors
   и растягивает их на 100% - возвращаем нормальный inline-размер и наш стиль. */
.header-breadcrumbs-left__content .accent-button {
	width: auto;
	background: var(--ms-cta);
	border-color: transparent;
	color: var(--ms-cta-text);
}

.header-breadcrumbs-left__content .accent-button:hover,
.header-breadcrumbs-left__content .accent-button:focus {
	background: var(--ms-cta-hover);
	border-color: transparent;
	color: var(--ms-cta-text);
}

.header-breadcrumbs-left__content .accent-button.header-breadcrumbs-left__button_second {
	background: rgba(255, 255, 255, .06);
	border-color: var(--ms-border-2);
	color: #fff;
}

.header-breadcrumbs-left__content .accent-button.header-breadcrumbs-left__button_second:hover {
	background: rgba(255, 255, 255, .12);
	border-color: rgba(255, 255, 255, .3);
}

/* Картинка справа */
.header-breadcrumbs-left__media img {
	border-radius: var(--ms-radius-lg);
}

@media (max-width: 600px) {
	.header-breadcrumbs-left__buttons { flex-direction: column; align-items: stretch; }
	.header-breadcrumbs-left__content .accent-button { width: 100%; }
}