/**
 * Kontrast (WCAG) + Motion + Marketing-Rhythmus — siteweit.
 */

/* —— Kontrast-Fixes —— */
body.solumondo-app .entry-content :where(p, li) {
	color: var(--solumondo-text-muted);
}

body.solumondo-app .entry-content :where(h1, h2, h3, h4) {
	color: var(--solumondo-navy);
}

body.solumondo-app .entry-content .has-theme-palette-3-color,
body.solumondo-app .entry-content .has-theme-palette-4-color {
	color: var(--solumondo-navy) !important;
}

body.solumondo-app .entry-content .kb-row-layout-wrap.has-theme-palette7-background-color :where(p, li) {
	color: color-mix(in srgb, white 88%, transparent);
}

body.solumondo-app .entry-content .kb-row-layout-wrap.has-theme-palette7-background-color :where(h1, h2, h3, h4) {
	color: #ffffff;
}

body.solumondo-app .wp-block-button__link,
body.solumondo-app .solumondo-power-btn {
	color: var(--solumondo-a11y-btn-primary-text, #050b14) !important;
	-webkit-text-fill-color: var(--solumondo-a11y-btn-primary-text, #050b14) !important;
}

body.solumondo-app .solu-info-card,
body.solumondo-app .solu-calc-box {
	color: var(--solumondo-text);
	background: #ffffff;
	border: 1px solid var(--solumondo-border);
}

body.solumondo-app .solu-info-card :where(h2, h3, strong) {
	color: var(--solumondo-navy);
}

/* Marketing: erste Zeile stärker (F-Pattern) */
body.solumondo-app.solumondo-marketing-page .entry-content > p:first-of-type,
body.solumondo-app .solumondo-page-shell > p:first-of-type {
	font-size: var(--solumondo-font-lead);
	color: var(--solumondo-text);
	line-height: 1.55;
}

/* Akzent-Leiste bei wichtigen Überschriften */
body.solumondo-app .entry-content .wp-block-kadence-advancedheading:first-of-type,
body.solumondo-app .solumondo-section__header h2 {
	position: relative;
	padding-bottom: 0.65rem;
}

body.solumondo-app .solumondo-section__header h2::after,
body.solumondo-app .entry-content .wp-block-kadence-advancedheading.has-theme-palette-1-color::after {
	content: "";
	display: block;
	width: min(4.5rem, 28%);
	height: 3px;
	margin-top: 0.5rem;
	margin-left: auto;
	margin-right: auto;
	background: linear-gradient(
		90deg,
		transparent,
		var(--solumondo-orange),
		transparent
	);
	border-radius: 3px;
}

/* Callout — Vertrauen / Knappheit */
body.solumondo-app .solumondo-callout,
body.solumondo-app .entry-content .solu-info-section {
	border-left: 4px solid var(--solumondo-orange);
	padding-left: 1rem;
}

/* —— Mehr Animation —— */
@keyframes solumondo-shimmer-line {
	0% { background-position: 0% 50%; }
	100% { background-position: 200% 50%; }
}

@keyframes solumondo-float-subtle {
	0%, 100% { transform: translateY(0); }
	50% { transform: translateY(-4px); }
}

@media (prefers-reduced-motion: no-preference) {
	body.solumondo-app .solumondo-glow-hover {
		transition:
			transform 0.28s cubic-bezier(0.22, 1, 0.36, 1),
			box-shadow 0.28s ease,
			border-color 0.28s ease;
	}

	body.solumondo-app .solumondo-card,
	body.solumondo-app .solumondo-catalog-card,
	body.solumondo-app .solu-info-card,
	body.solumondo-app .entry-content .wp-block-kadence-column {
		transition: transform 0.3s ease, box-shadow 0.3s ease;
	}

	body.solumondo-app .solumondo-card:hover,
	body.solumondo-app .solumondo-catalog-card:hover,
	body.solumondo-app .solu-info-card:hover {
		transform: translateY(-3px);
	}

	body.solumondo-app .solumondo-section__header .solumondo-kicker {
		color: var(--solumondo-orange) !important;
		-webkit-text-fill-color: var(--solumondo-orange) !important;
		background: none !important;
		-webkit-background-clip: border-box !important;
		background-clip: border-box !important;
	}

	/* iOS Safari: background-clip:text auf Kickern erzeugt gespiegelte Ghost-Headlines. */
	@supports (-webkit-touch-callout: none) {
		body.solumondo-app .solumondo-section__header {
			isolation: isolate;
			transform: translateZ(0);
		}

		body.solumondo-app .solumondo-section__header :where(h2, h3, p) {
			-webkit-text-fill-color: currentColor !important;
			transform: none !important;
			-webkit-transform: translateZ(0) !important;
		}

		body.solumondo-app .solumondo-section__header .solumondo-kicker {
			animation: none !important;
		}
	}

	html.solumondo-reveal-ready .solumondo-reveal-up.is-visible,
	html.solumondo-reveal-ready .solumondo-reveal-fade.is-visible {
		opacity: 1;
		transform: translateY(0);
		transition: opacity 0.55s cubic-bezier(0.22, 1, 0.36, 1), transform 0.55s cubic-bezier(0.22, 1, 0.36, 1);
	}

	body.solumondo-app .entry-content .kb-row-layout-wrap.solumondo-reveal-up:nth-child(even) {
		transition-delay: 0.06s;
	}

	body.solumondo-app .entry-content .kb-row-layout-wrap.solumondo-reveal-up:nth-child(odd) {
		transition-delay: 0.12s;
	}

	body.solumondo-app .solumondo-power-btn,
	body.solumondo-app .wp-block-button__link {
		transition: transform 0.22s ease, box-shadow 0.22s ease, background 0.22s ease;
	}

	body.solumondo-app .solumondo-power-btn:hover,
	body.solumondo-app .wp-block-button__link:hover {
		transform: translateY(-2px);
		box-shadow: var(--solumondo-glow-ring, 0 12px 32px color-mix(in srgb, var(--solumondo-orange) 30%, transparent));
	}
}

/* Stagger für Kadence-Spalten */
body.solumondo-app .entry-content .wp-block-kadence-column.solumondo-reveal-up:nth-child(1) { transition-delay: 0.05s; }
body.solumondo-app .entry-content .wp-block-kadence-column.solumondo-reveal-up:nth-child(2) { transition-delay: 0.1s; }
body.solumondo-app .entry-content .wp-block-kadence-column.solumondo-reveal-up:nth-child(3) { transition-delay: 0.15s; }

/* Seiten-Hintergrund: keine harten weißen Ränder neben Sections */
body.solumondo-app.solumondo-marketing-page .entry-content .kb-row-layout-wrap.has-theme-palette9-background-color,
body.solumondo-app.solumondo-marketing-page .entry-content .kb-row-layout-wrap:not(.kt-row-has-bg):not(.has-theme-palette7-background-color) {
	background-color: transparent;
}

body.solumondo-app .solumondo-page-shell {
	width: 100%;
	max-width: none;
	margin-inline: 0;
}
