/**
 * Unterseiten — Struktur, Responsive, Duplikat-Hero ausblenden.
 */

/* Injizierter Hero hat Priorität — erstes Kadence-Row-Hero reduzieren */
body.solumondo-app.solumondo-marketing-page:has(.solumondo-page-hero) .entry-content > .kb-row-layout-wrap:first-of-type .wp-block-kadence-advancedheading {
	opacity: 0.35;
	font-size: 0.85em;
}

body.solumondo-app.solumondo-marketing-page:has(.solumondo-page-hero) .entry-content > .kb-row-layout-wrap:first-of-type {
	padding-top: 0.5rem !important;
	padding-bottom: 0.5rem !important;
	min-height: 0 !important;
}

/* Page Hero */
body.solumondo-app .solumondo-page-hero {
	position: relative;
	overflow: hidden;
	padding: clamp(2.5rem, 1.5rem + 4vw, 5rem) var(--solumondo-inline-space);
	margin-bottom: 0;
	isolation: isolate;
}

body.solumondo-app .solumondo-page-hero__inner {
	max-width: 52rem;
	margin-inline: auto;
	text-align: center;
}

body.solumondo-app .solumondo-page-hero--dark {
	color: #ffffff;
	background:
		radial-gradient(circle at 85% 15%, color-mix(in srgb, var(--solumondo-orange) 28%, transparent), transparent 40%),
		linear-gradient(155deg, var(--solumondo-navy), var(--solumondo-navy-mid));
}

body.solumondo-app .solumondo-page-hero--dark :where(h1, p) {
	color: #ffffff;
}

body.solumondo-app .solumondo-page-hero--dark .solumondo-kicker {
	color: color-mix(in srgb, var(--solumondo-orange) 90%, white);
}

body.solumondo-app .solumondo-page-hero--accent {
	background: linear-gradient(180deg, #fff8f2, #ffffff);
	border-bottom: 1px solid color-mix(in srgb, var(--solumondo-orange) 20%, white);
}

body.solumondo-app .solumondo-page-hero--light {
	background: linear-gradient(180deg, #f0f6fc, #ffffff);
	border-bottom: 1px solid var(--solumondo-border);
}

body.solumondo-app .solumondo-page-hero__lead {
	margin: 0 auto 1.25rem;
	max-width: 40rem;
	font-size: var(--solumondo-font-lead);
	line-height: 1.55;
	color: var(--solumondo-text-muted);
}

body.solumondo-app .solumondo-page-hero--dark .solumondo-page-hero__lead {
	color: color-mix(in srgb, white 86%, transparent);
}

body.solumondo-app .solumondo-page-hero__trust {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 0.5rem;
	margin: 0 0 1.35rem;
	padding: 0;
	list-style: none;
}

body.solumondo-app .solumondo-page-hero__trust li {
	padding: 0.4rem 0.75rem;
	font-size: 0.72rem;
	font-weight: 800;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	color: var(--solumondo-navy);
	background: #ffffff;
	border: 1px solid var(--solumondo-border);
	border-radius: 999px;
}

body.solumondo-app .solumondo-page-hero--dark .solumondo-page-hero__trust li {
	color: #ffffff;
	background: color-mix(in srgb, white 10%, transparent);
	border-color: color-mix(in srgb, white 22%, transparent);
}

body.solumondo-app .solumondo-page-hero__actions {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 0.65rem;
}

body.solumondo-app .solumondo-page-hero__actions .solumondo-btn {
	min-width: min(100%, 14rem);
}

body.solumondo-app .solumondo-page-hero--dark .solumondo-btn--ghost-on-light {
	color: #ffffff !important;
	border-color: color-mix(in srgb, white 35%, transparent);
	background: color-mix(in srgb, white 8%, transparent);
}

/* Content-Rhythmus: Abschnitte luftig, Scanbar */
body.solumondo-app.solumondo-marketing-page .entry-content .kb-row-layout-wrap {
	padding-top: clamp(2rem, 1.25rem + 2vw, 3.5rem) !important;
	padding-bottom: clamp(2rem, 1.25rem + 2vw, 3.5rem) !important;
}

body.solumondo-app.solumondo-marketing-page .entry-content .wp-block-kadence-column {
	margin-bottom: 0.5rem;
}

/* Mobile: einspaltig, Touch */
@media (max-width: 767px) {
	body.solumondo-app .solumondo-page-hero__actions {
		flex-direction: column;
		align-items: stretch;
	}

	body.solumondo-app .solumondo-page-hero__actions .solumondo-btn {
		width: 100%;
	}

	body.solumondo-app.solumondo-marketing-page .entry-content .kt-row-column-wrap {
		flex-direction: column !important;
	}

	body.solumondo-app .solu-info-card,
	body.solumondo-app .solu-calc-box {
		width: 100% !important;
	}
}

/* Tablet */
@media (min-width: 768px) and (max-width: 1024px) {
	body.solumondo-app .solumondo-page-hero__inner {
		max-width: 90%;
	}
}

/* Desktop / 4K */
@media (min-width: 1920px) {
	body.solumondo-app .solumondo-page-hero__inner {
		max-width: 56rem;
	}

	body.solumondo-app .wpcf7-form,
	body.solumondo-app .solu-modern-form {
		max-width: 48rem;
	}
}

/* Retouren: erster Block als Anker */
body.solumondo-app.solumondo-page-retouren .entry-content > :first-child {
	scroll-margin-top: 5rem;
}