/**
 * Split Color + Image — HighTide-style full-width banner.
 * Students control colors, image, layout, and button in the block editor.
 */

.wp-block-media-text.is-style-ftc-split-banner,
.wp-block-media-text.is-style-ftc-split-banner-tall,
.wp-block-media-text.is-style-ftc-split-banner-compact {
	margin-top: 0;
	margin-bottom: 0;
	align-items: stretch;
}

.wp-block-media-text.is-style-ftc-split-banner {
	min-height: 32rem;
}

.wp-block-media-text.is-style-ftc-split-banner-tall {
	min-height: 42rem;
}

.wp-block-media-text.is-style-ftc-split-banner-compact {
	min-height: 22rem;
}

.wp-block-media-text.is-style-ftc-split-banner > .wp-block-media-text__content,
.wp-block-media-text.is-style-ftc-split-banner-tall > .wp-block-media-text__content,
.wp-block-media-text.is-style-ftc-split-banner-compact > .wp-block-media-text__content {
	padding: clamp(2rem, 6vw, 4.75rem) clamp(1.75rem, 6vw, 4.5rem);
	align-self: center;
}

.wp-block-media-text.is-style-ftc-split-banner > .wp-block-media-text__media,
.wp-block-media-text.is-style-ftc-split-banner-tall > .wp-block-media-text__media,
.wp-block-media-text.is-style-ftc-split-banner-compact > .wp-block-media-text__media {
	align-self: stretch;
	min-height: 16rem;
}

.wp-block-media-text.is-style-ftc-split-banner .wp-block-heading,
.wp-block-media-text.is-style-ftc-split-banner-tall .wp-block-heading,
.wp-block-media-text.is-style-ftc-split-banner-compact .wp-block-heading {
	margin-top: 0;
	letter-spacing: 0.02em;
}

.wp-block-media-text.is-style-ftc-split-banner .wp-block-button__link,
.wp-block-media-text.is-style-ftc-split-banner-tall .wp-block-button__link,
.wp-block-media-text.is-style-ftc-split-banner-compact .wp-block-button__link {
	letter-spacing: 0.08em;
	text-transform: uppercase;
	font-weight: 700;
}

@media (max-width: 600px) {
	.wp-block-media-text.is-style-ftc-split-banner,
	.wp-block-media-text.is-style-ftc-split-banner-tall,
	.wp-block-media-text.is-style-ftc-split-banner-compact {
		min-height: 0;
	}

	.wp-block-media-text.is-style-ftc-split-banner.is-stacked-on-mobile > .wp-block-media-text__media,
	.wp-block-media-text.is-style-ftc-split-banner-tall.is-stacked-on-mobile > .wp-block-media-text__media,
	.wp-block-media-text.is-style-ftc-split-banner-compact.is-stacked-on-mobile > .wp-block-media-text__media {
		min-height: 18rem;
	}
}