/*
 * Maximus Horizontal Containers for Elementor
 * Version 1.0.0
 */

.mhc-enabled {
	--mhc-item-width: 32%;
	--mhc-gap: 20px;
	position: relative;
}

:is(.mhc-enabled.mhc-track, .mhc-enabled > .mhc-track) {
	display: flex !important;
	flex-direction: row !important;
	flex-wrap: nowrap !important;
	align-items: stretch;
	gap: var(--mhc-gap) !important;
	width: 100%;
	max-width: 100%;
	overflow-x: auto !important;
	overflow-y: hidden !important;
	overscroll-behavior-x: contain;
	-webkit-overflow-scrolling: touch;
	touch-action: pan-x pan-y;
	scroll-behavior: auto;
}

:is(.mhc-enabled.mhc-track, .mhc-enabled > .mhc-track) > .elementor-element {
	flex: 0 0 var(--mhc-item-width) !important;
	width: var(--mhc-item-width) !important;
	max-width: var(--mhc-item-width) !important;
	min-width: 0;
	scroll-snap-stop: normal;
}

.mhc-snap-none:is(.mhc-track),
.mhc-snap-none > .mhc-track {
	scroll-snap-type: none;
}

.mhc-snap-proximity:is(.mhc-track),
.mhc-snap-proximity > .mhc-track {
	scroll-snap-type: x proximity;
}

.mhc-snap-mandatory:is(.mhc-track),
.mhc-snap-mandatory > .mhc-track {
	scroll-snap-type: x mandatory;
}

.mhc-align-start:is(.mhc-track) > .elementor-element,
.mhc-align-start > .mhc-track > .elementor-element {
	scroll-snap-align: start;
}

.mhc-align-center:is(.mhc-track) > .elementor-element,
.mhc-align-center > .mhc-track > .elementor-element {
	scroll-snap-align: center;
}

.mhc-align-end:is(.mhc-track) > .elementor-element,
.mhc-align-end > .mhc-track > .elementor-element {
	scroll-snap-align: end;
}

.mhc-scroll-smooth:is(.mhc-track),
.mhc-scroll-smooth > .mhc-track {
	scroll-behavior: smooth;
}

.mhc-scrollbar-hidden:is(.mhc-track),
.mhc-scrollbar-hidden > .mhc-track {
	-ms-overflow-style: none;
	scrollbar-width: none;
}

.mhc-scrollbar-hidden:is(.mhc-track)::-webkit-scrollbar,
.mhc-scrollbar-hidden > .mhc-track::-webkit-scrollbar {
	display: none;
	width: 0;
	height: 0;
}

.mhc-enabled[data-mhc-drag="yes"]:is(.mhc-track),
.mhc-enabled[data-mhc-drag="yes"] > .mhc-track {
	cursor: grab;
}

.mhc-enabled.mhc-is-dragging:is(.mhc-track),
.mhc-enabled.mhc-is-dragging > .mhc-track,
.mhc-enabled.mhc-is-dragging:is(.mhc-track) *,
.mhc-enabled.mhc-is-dragging > .mhc-track * {
	cursor: grabbing !important;
	user-select: none !important;
	-webkit-user-select: none !important;
}

@media (prefers-reduced-motion: reduce) {
	.mhc-scroll-smooth:is(.mhc-track),
	.mhc-scroll-smooth > .mhc-track {
		scroll-behavior: auto;
	}
}