/**
 * Strategic Panels — 5×300×360 film strip; scroll expand (ίδιο layout όλες οι οθόνες).
 */

.gt-strategic-panels.gt-land-strategic {
	margin: 0;
	padding: 0;
	min-height: 0 !important;
	height: auto;
	overflow: visible !important;
	--sv-row-pad-y: 0;
	--sv-row-pad-x: 0;
	--sv-copy-overlay-bg: rgb(0 82 130 / 0.52);
}

.gt-strategic-panels .gt-land-strategic__stage,
.gt-strategic-panels .gt-land-strategic__panels {
	height: auto !important;
	max-height: none !important;
}

.gt-strategic-panels .gt-land-strategic__stage {
	max-width: none !important;
	width: 100% !important;
	flex: 0 0 auto !important;
}

.gt-strategic-panels .gt-land-strategic__panels {
	padding: 10px !important;
	margin: 0 !important;
	gap: 10px;
}

.gt-strategic-panels .gt-land-strategic__pin-spacer {
	display: none;
	width: 100%;
	pointer-events: none;
}

.gt-strategic-panels .gt-land-strategic__sticky {
	position: relative;
	z-index: 2;
	height: auto;
	max-height: none;
	min-height: 0;
	display: flex;
	align-items: flex-start;
	justify-content: center;
	background: #fff;
	overflow: visible;
}

/* JS fixed pin while scroll sequence runs (gt-strategic-panels--scroll-pinned) */
.gt-strategic-panels.gt-strategic-panels--scroll-pinned .gt-land-strategic__sticky {
	background: #fff;
}

.gt-strategic-panels:not(.gt-land-strategic--expanding):not(.gt-land-strategic--handoff) .gt-land-strategic__stage {
	overflow: visible !important;
	max-width: none !important;
	width: 100% !important;
	height: auto !important;
	flex: 0 0 auto !important;
}

.gt-strategic-panels:not(.gt-land-strategic--expanding):not(.gt-land-strategic--handoff) .gt-land-strategic__panels {
	display: flex !important;
	overflow: visible !important;
}

/* Full viewport height only at handoff (not during early expand — avoids huge top/bottom gaps) */
.gt-strategic-panels.gt-land-strategic--handoff .gt-land-strategic__sticky,
.gt-strategic-panels.gt-land-strategic--pinned-full .gt-land-strategic__sticky {
	height: calc(100svh - var(--gt-header-shell-h, 110px));
	max-height: calc(100vh - var(--gt-header-shell-h, 110px));
	min-height: calc(100svh - var(--gt-header-shell-h, 110px));
	align-items: stretch;
}

body.admin-bar .gt-strategic-panels .gt-land-strategic__sticky,
body.admin-bar .gt-strategic-panels.gt-land-strategic--stuck .gt-land-strategic__sticky {
	top: calc(var(--wp-admin--admin-bar--height, 32px) + var(--gt-header-shell-h, 110px)) !important;
}

.gt-strategic-panels.gt-land-strategic--exiting .gt-land-strategic__sticky {
	will-change: transform;
}

body.admin-bar .gt-strategic-panels.gt-land-strategic--handoff .gt-land-strategic__sticky,
body.admin-bar .gt-strategic-panels.gt-land-strategic--pinned-full .gt-land-strategic__sticky {
	height: calc(
		100svh - var(--wp-admin--admin-bar--height, 32px) - var(--gt-header-shell-h, 110px)
	);
	max-height: calc(
		100vh - var(--wp-admin--admin-bar--height, 32px) - var(--gt-header-shell-h, 110px)
	);
	min-height: calc(
		100svh - var(--wp-admin--admin-bar--height, 32px) - var(--gt-header-shell-h, 110px)
	);
}

.gt-strategic-panels .gt-land-strategic__scroll-track {
	position: relative;
	display: block;
	width: 100%;
	height: 0;
	margin: 0;
	padding: 0;
	border: 0;
	background: #fff;
	overflow: visible;
}

.gt-strategic-panels:not(.gt-land-strategic--expanding):not(.gt-land-strategic--handoff)
	.gt-land-strategic__scroll-track {
	pointer-events: none;
}

.gt-strategic-panels.gt-land-strategic--expanding .gt-land-strategic__scroll-track,
.gt-strategic-panels.gt-land-strategic--handoff .gt-land-strategic__scroll-track,
.gt-strategic-panels.gt-land-strategic--pinned-full .gt-land-strategic__scroll-track,
.gt-strategic-panels.gt-land-strategic--exiting .gt-land-strategic__scroll-track {
	pointer-events: auto;
}

.gt-strategic-panels .gt-land-strategic__panel--thin,
.gt-strategic-panels .gt-land-strategic__panel--wide,
.gt-strategic-panels .gt-land-strategic__panel--center {
	display: block;
	visibility: visible;
	opacity: 1;
}

.gt-strategic-panels .gt-land-strategic__panel-media {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.gt-strategic-panels .gt-land-strategic__panel--center .gt-land-strategic__copy-overlay {
	opacity: 0;
	pointer-events: none;
	background: var(--sv-copy-overlay-bg);
}

.gt-strategic-panels.gt-land-strategic--expanding .gt-land-strategic__panel--center .gt-land-strategic__copy-overlay,
.gt-strategic-panels.gt-land-strategic--handoff .gt-land-strategic__panel--center .gt-land-strategic__copy-overlay {
	background: var(--sv-copy-overlay-bg);
}

.gt-strategic-panels .gt-land-strategic__copy-overlay.is-copy-visible {
	pointer-events: auto;
}

.gt-strategic-panels .gt-land-strategic__panel--center .gt-land-strategic__panel-media::after {
	display: none !important;
}

.gt-strategic-panels.gt-land-strategic--expanding .gt-land-strategic__panel--center .gt-land-strategic__panel-media::after,
.gt-strategic-panels.gt-land-strategic--handoff .gt-land-strategic__panel--center .gt-land-strategic__panel-media::after {
	display: none !important;
}

.gt-strategic-panels .gt-land-strategic__panel-img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}

@media (min-width: 640px) {
	.gt-strategic-panels.gt-land-strategic--layout-five.gt-land-strategic--expanding .gt-land-strategic__sticky,
	.gt-strategic-panels.gt-land-strategic--layout-five.gt-land-strategic--handoff .gt-land-strategic__sticky {
		overflow-x: clip;
	}

	.gt-strategic-panels:not(.gt-land-strategic--expanding) .gt-land-strategic__stage {
		max-width: none;
		width: 100%;
	}

	.gt-strategic-panels:not(.gt-land-strategic--expanding) .gt-land-strategic__panels {
		display: flex !important;
		flex-wrap: nowrap;
		align-items: center;
		justify-content: center;
		gap: 10px;
		width: 100%;
		margin-inline: 0;
		padding: 10px;
		box-sizing: border-box;
		grid-template-columns: unset !important;
	}

	.gt-strategic-panels:not(.gt-land-strategic--handoff):not(.gt-land-strategic--pinned-full)
		.gt-land-strategic__panel,
	.gt-strategic-panels.gt-land-strategic--strip-lock .gt-land-strategic__panel {
		flex: 0 0 300px !important;
		width: 300px !important;
		max-width: 300px !important;
		min-width: 300px !important;
		height: 360px !important;
		min-height: 360px !important;
		max-height: 360px !important;
		aspect-ratio: auto;
	}

	.gt-strategic-panels.gt-land-strategic--strip-lock .gt-land-strategic__panels,
	.gt-strategic-panels:not(.gt-land-strategic--handoff) .gt-land-strategic__panels {
		transform: none !important;
		padding: 10px !important;
		margin: 0 !important;
	}

	.gt-strategic-panels.gt-land-strategic--expanding .gt-land-strategic__panels {
		display: flex;
		flex-wrap: nowrap;
		align-items: flex-start;
		justify-content: center;
		width: 100%;
		padding: 10px;
		box-sizing: border-box;
	}

	.gt-strategic-panels.gt-land-strategic--expanding .gt-land-strategic__panel {
		flex: 0 0 auto !important;
		aspect-ratio: auto;
	}

	/* 100% width only after handoff — NOT on .--expanding (was squeezing row on first scroll) */
	.gt-strategic-panels.gt-land-strategic--handoff .gt-land-strategic__panel--center,
	.gt-strategic-panels.gt-land-strategic--pinned-full .gt-land-strategic__panel--center {
		border-radius: 0 !important;
		width: 100% !important;
		max-width: 100% !important;
		margin-inline: 0;
		flex: 1 1 100% !important;
	}

	.gt-strategic-panels.gt-land-strategic--handoff .gt-land-strategic__panels {
		padding-inline: 0;
	}

	.gt-strategic-panels.gt-land-strategic--expanding .gt-land-strategic__panel--center .gt-land-strategic__panel-media,
	.gt-strategic-panels.gt-land-strategic--expanding .gt-land-strategic__panel--center .gt-land-strategic__panel-img,
	.gt-strategic-panels.gt-land-strategic--handoff .gt-land-strategic__panel--center .gt-land-strategic__panel-media,
	.gt-strategic-panels.gt-land-strategic--handoff .gt-land-strategic__panel--center .gt-land-strategic__panel-img {
		border-radius: 0 !important;
	}

	.gt-strategic-panels.gt-land-strategic--layout-five:not(.gt-land-strategic--expanding) .gt-land-strategic__panels {
		display: flex !important;
		grid-template-columns: unset !important;
		width: 100% !important;
		margin-inline: 0 !important;
	}
}

.gt-strategic-panels + .gt-land-engineering,
.gt-strategic-panels + .gst-image-strip + .gt-land-engineering,
.gt-strategic-panels + .gt-land-sustain-v2,
.gt-strategic-panels + .gt-land-sustain,
.gt-strategic-panels + .gst-image-strip + .gt-land-sustain-v2,
.gt-strategic-panels + .gst-image-strip + .gt-land-sustain,
.gt-land-engineering + .gt-land-sustain-v2,
.gt-land-engineering + .gt-land-sustain {
	margin-top: 0;
}

.gt-strategic-panels--before-sustain + .gt-land-sustain-v2,
.gt-strategic-panels--before-sustain + .gt-land-sustain,
.gt-strategic-panels--before-sustain + .gst-image-strip + .gt-land-sustain-v2,
.gt-strategic-panels--before-sustain + .gst-image-strip + .gt-land-sustain {
	margin-top: 0 !important;
	padding-top: clamp(0.75rem, 2vw, 1.25rem);
}

.gt-land-engineering + .gt-land-sustain-v2,
.gt-land-engineering + .gt-land-sustain {
	padding-top: clamp(2.5rem, 5vw, 3.25rem);
}