/**
 * Sekcja: CTA – niebieski baner (wzorzec patterns/section-cta.php; Figma 534:7249).
 * Blok Okładka ze zdjęciem tła (niebieski + tekstura, przygotowane w tools/media/home.py), zaokrąglenie 24 px.
 */

.kd-cta-banner .kd-cta-banner__box {
	min-height: 467px;
	padding: var(--wp--preset--spacing--60) var(--wp--preset--spacing--40);
	border-radius: var(--wp--preset--border-radius--large);
	color: var(--wp--preset--color--base);
}

.kd-cta-banner .kd-cta-banner__box .wp-block-cover__inner-container {
	display: flex;
	flex-direction: column;
	gap: 32px;
	align-items: center;
}

.kd-cta-banner .kd-cta-banner__box .wp-block-cover__inner-container > * {
	margin-block: 0;
}

.kd-cta-banner .kd-cta-banner__text > * {
	margin: 0;
	color: inherit;
}

.kd-cta-banner .kd-cta-banner__eyebrow {
	font-size: var(--wp--preset--font-size--medium);
	font-weight: 500;
	line-height: 1.3;
	text-transform: uppercase;
}

.kd-cta-banner .kd-cta-banner__title {
	line-height: 1.4;
}

@media (max-width: 781px) {
	.kd-cta-banner .kd-cta-banner__box {
		min-height: 360px;
	}

	.kd-cta-banner .kd-cta-banner__eyebrow {
		font-size: var(--wp--preset--font-size--small);
	}
}

/* Po ciemnej sekcji (np. lista projektów) baner stoi na czarnym tle – jak w projekcie „Projekty” (Figma 600:9774). */
.has-contrast-background-color + .kd-cta-banner {
	background-color: var(--wp--preset--color--contrast);
}