/**
 * Horizontal scroll (GSAP ScrollTrigger) – ref: https://codepen.io/mvaneijgen/pen/ZEPLLPY
 * Wrapper: .wp-block-group.is-style-horizontal-scroll (trigger + pin)
 * Row: .wp-block-group__inner-container or .horizontal-scroll-row (animated with x)
 * Items: .wp-block-cover (each 100vw)
 */

/* Full-width breakout: span viewport even inside constrained content wrapper. */
.wp-block-group.is-style-horizontal-scroll {
	display: flex !important;
	flex-direction: row !important;
	flex-wrap: nowrap !important;
	gap: 0 !important;
	width: 100vw !important;
	max-width: 100vw !important;
	min-height: 100vh !important;
	overflow: hidden !important;
	box-sizing: border-box !important;
	margin-left: calc(50% - 50vw) !important;
	margin-right: calc(50% - 50vw) !important;
}

/* On mobile: full viewport width, break out of 31px padded container. */
@media (max-width: 767px) {
	.wp-block-group.is-style-horizontal-scroll {
		margin-left: calc(50% - 50vw - 31px) !important;
		margin-right: calc(50% - 50vw - 31px) !important;
		width: 100vw !important;
		max-width: 100vw !important;
	}
}

.wp-block-group.is-style-horizontal-scroll > .wp-block-group__inner-container,
.wp-block-group.is-style-horizontal-scroll > .horizontal-scroll-row {
	flex: 0 0 auto !important;
	flex-shrink: 0 !important;
	display: flex !important;
	flex-direction: row !important;
	flex-wrap: nowrap !important;
	gap: 0 !important;
	width: max-content !important;
	min-width: 100% !important;
	box-sizing: border-box !important;
}

.wp-block-group.is-style-horizontal-scroll .wp-block-cover {
	flex: 0 0 100vw !important;
	width: 100vw !important;
	min-width: 100vw !important;
	max-width: none !important;
	height: 100% !important;
	min-height: 100vh !important;
	box-sizing: border-box !important;
}