/* ACS Swipe Menu
   Apply the class "acs-swipe-menu" to your Elementor Div Block
   (Advanced tab > CSS Classes) to activate. */

.acs-swipe-menu {
	display: flex !important;
	flex-wrap: nowrap !important;
	align-items: flex-start;
	width: 100% !important;
	max-width: 100% !important;
	box-sizing: border-box !important;
	overflow-x: auto !important;
	overflow-y: hidden !important;
	-webkit-overflow-scrolling: touch; /* momentum scroll on iOS */
	touch-action: pan-x;
	scroll-snap-type: x proximity;
	scroll-behavior: smooth;
	justify-content: flex-start !important; /* forces flush-left start */

	/* hide scrollbar cross-browser */
	scrollbar-width: none; /* Firefox */
	-ms-overflow-style: none; /* old Edge/IE */
}

.acs-swipe-menu::-webkit-scrollbar {
	display: none; /* Chrome/Safari */
}

/* Direct children become the swipeable items and won't shrink/wrap */
.acs-swipe-menu > * {
	flex: 0 0 auto !important;
	scroll-snap-align: start;
}

/* While the JS intro nudge is running, disable smooth-scroll snapping
   so the animation is a clean manual tween, not fighting CSS snap easing */
.acs-swipe-menu.acs-swipe-intro {
	scroll-snap-type: none;
	scroll-behavior: auto;
}