/**
 * Вариант A: мягкий светлый контент под hero (откат — Customizer → Классический).
 * Hero не меняется. Скоуп: body.child3-content-soft
 */

body.child3-content-soft.child3-shell {
	--c3-bg: #f4f7fb;
	--c3-shell-bg: #f4f7fb;
	--c3-content-soft-sidebar: #eef4fa;
}

body.child3-content-soft.child3-shell,
body.child3-content-soft .site-content-inner {
	background: var(--c3-bg);
}

/* Плавный переход hero → контент */
body.child3-content-soft .child3-page-hero::after,
body.child3-content-soft .child3-hub-header.child3-page-hero::after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 28px;
	background: linear-gradient(to bottom, transparent, var(--c3-bg));
	pointer-events: none;
	z-index: 2;
}

/* Заголовки секций — navy вместо чёрного */
body.child3-content-soft .child3-card > h2,
body.child3-content-soft .child3-home-mega-event-head h2,
body.child3-content-soft .child3-section__title,
body.child3-content-soft .child3-hub-predictions-conversion .fp-predictions-conversion-heading {
	color: var(--c3-info);
}

/* Карточки — мягкая голубая тень */
body.child3-content-soft .child3-card,
body.child3-content-soft .child3-post-card {
	border-color: color-mix(in srgb, var(--c3-accent-light) 14%, var(--c3-border));
	box-shadow:
		0 4px 18px color-mix(in srgb, var(--c3-info) 7%, transparent),
		0 1px 3px color-mix(in srgb, var(--c3-info) 4%, transparent);
}

/* Сайдбар — лёгкий голубой фон */
body.child3-content-soft .child3-hub-sidebar--wp .child3-hub-wp-widgets > .widget,
body.child3-content-soft .child3-blog-sidebar .widget,
body.child3-content-soft .child3-hub-sidebar-stack .fp-hub-sidebar-panel,
body.child3-content-soft .child3-hub-sidebar-stack .fp-live-our-predictions {
	background: var(--c3-content-soft-sidebar);
	border-color: color-mix(in srgb, var(--c3-accent-light) 16%, var(--c3-border));
	box-shadow: 0 6px 20px color-mix(in srgb, var(--c3-info) 6%, transparent);
}

/* Секционные CTA («Все матчи») — outline, красный только в hero и «Сделать ставку» */
body.child3-content-soft .child3-home-mega-event-head > a.child3-cta,
body.child3-content-soft .child3-mega-event-more a.child3-cta {
	background: var(--c3-surface);
	color: var(--c3-accent-light);
	border: 2px solid var(--c3-accent-light);
	-webkit-text-fill-color: currentColor;
	box-shadow: none;
	filter: none;
}

body.child3-content-soft .child3-home-mega-event-head > a.child3-cta:hover,
body.child3-content-soft .child3-home-mega-event-head > a.child3-cta:focus-visible,
body.child3-content-soft .child3-mega-event-more a.child3-cta:hover,
body.child3-content-soft .child3-mega-event-more a.child3-cta:focus-visible {
	background: var(--c3-accent-light);
	color: var(--c3-info-text);
	border-color: var(--c3-accent-light);
	-webkit-text-fill-color: var(--c3-info-text);
}