/**
 * Splash Page Styles
 *
 * Page-level styles for the front page / splash page.
 * Handles section spacing and layout for the combined blocks.
 *
 * @package groupBK
 * @version 1.0.0
 */

/* ===========================================
 * Splash Page Container
 * =========================================== */
.groupbk-splash-page {
	min-height: 100vh;
	display: flex;
	flex-direction: column;
}

.groupbk-splash-page__content {
	flex: 1;
	display: flex;
	flex-direction: column;
}

/* ===========================================
 * Block Spacing - Remove Default Margins
 * =========================================== */
.groupbk-splash-page .wp-block-groupbk-header {
	margin-bottom: 0;
}

.groupbk-splash-page .wp-block-groupbk-head {
	margin-top: 0;
	margin-bottom: 0;
}

.groupbk-splash-page .wp-block-groupbk-footer {
	margin-top: auto; /* Push footer to bottom */
}

/* ===========================================
 * Section Spacing - Consistent Vertical Rhythm
 * =========================================== */
.groupbk-splash-page .wp-block-groupbk-text-image,
.groupbk-splash-page .wp-block-groupbk-usp,
.groupbk-splash-page .wp-block-groupbk-reviews,
.groupbk-splash-page .wp-block-groupbk-blog,
.groupbk-splash-page .wp-block-groupbk-media,
.groupbk-splash-page .wp-block-groupbk-cta {
	/* Sections have internal padding - no additional margin needed */
}

/* ===========================================
 * Full Width Sections
 * =========================================== */
.groupbk-splash-page .alignfull {
	width: 100vw;
	max-width: 100vw;
	margin-left: calc(-50vw + 50%);
	margin-right: calc(-50vw + 50%);
}

/* ===========================================
 * Header Overlay Support
 * =========================================== */
.groupbk-splash-page .wp-block-groupbk-header.groupbk-header--transparent {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	z-index: 100;
}

.groupbk-splash-page .wp-block-groupbk-header.groupbk-header--transparent + .wp-block-groupbk-head {
	padding-top: 0; /* Head extends behind transparent header */
}

/* ===========================================
 * Sticky Header Adjustments
 * =========================================== */
.groupbk-splash-page .wp-block-groupbk-header.groupbk-header--sticky {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 1000;
}

.groupbk-splash-page.has-sticky-header .groupbk-splash-page__content {
	/* Compensate for fixed header height */
	padding-top: 96px;
}

/* Reduce header height when scrolled */
.groupbk-splash-page .wp-block-groupbk-header.groupbk-header--sticky.is-scrolled {
	/* Header styles handle the transition */
}

/* ===========================================
 * Smooth Scroll
 * =========================================== */
.groupbk-splash-page {
	scroll-behavior: smooth;
}

/* ===========================================
 * Section Backgrounds - Alternate Pattern
 * =========================================== */
/* Sections alternate between white and light backgrounds */
/* This is handled by individual block themes, not page-level */

/* ===========================================
 * Responsive Adjustments
 * =========================================== */
@media (max-width: 992px) {
	.groupbk-splash-page.has-sticky-header .groupbk-splash-page__content {
		padding-top: 80px;
	}
}

@media (max-width: 576px) {
	.groupbk-splash-page.has-sticky-header .groupbk-splash-page__content {
		padding-top: 64px;
	}
}

/* ===========================================
 * Loading State
 * =========================================== */
.groupbk-splash-page.is-loading {
	opacity: 0;
	transition: opacity 0.3s ease;
}

.groupbk-splash-page.is-loaded {
	opacity: 1;
}

/* ===========================================
 * Animation Support (Optional)
 * =========================================== */
/* Uncomment to enable section fade-in on scroll */
/*
.groupbk-splash-page [class*="wp-block-groupbk-"] {
	opacity: 0;
	transform: translateY(20px);
	transition: opacity 0.6s ease, transform 0.6s ease;
}

.groupbk-splash-page [class*="wp-block-groupbk-"].is-visible {
	opacity: 1;
	transform: translateY(0);
}
*/

/* ===========================================
 * Print Styles
 * =========================================== */
@media print {
	.groupbk-splash-page .wp-block-groupbk-header,
	.groupbk-splash-page .wp-block-groupbk-footer {
		position: static;
	}

	.groupbk-splash-page.has-sticky-header .groupbk-splash-page__content {
		padding-top: 0;
	}
}