/**
 * Horizontal scroll (GSAP ScrollTrigger) 
 * 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;
}

/* Override ScrollTrigger inline styles - force full viewport width. */
.wp-block-group.is-style-horizontal-scroll[style*="max-width"],
.wp-block-group.is-style-horizontal-scroll[style*="width"] {
	width: 100vw !important;
	max-width: 100vw !important;
}


.wp-block-group.is-style-horizontal-scroll>.wp-block-group__inner-container,
html .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;
	padding: 0 !important;
	margin: 0 !important;
	border: none !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;
}

/* Make pin-spacer (created by GSAP ScrollTrigger) full width like alignfull. */
.pin-spacer {
	width: 100vw !important;
	max-width: 100vw !important;
	margin-left: calc(50% - 50vw) !important;
	margin-right: calc(50% - 50vw) !important;
}