/**
 * DONAT Elementor Suite – Horizontal Scroll Widget
 */

/*
 * overflow-x wird per JS auf html+body gesetzt (horizontal-scroll.js).
 * Elementor-Parent-overflow wird ebenfalls per JS auf visible gesetzt,
 * damit GSAP pin (position:fixed) zuverlässig funktioniert.
 */

.des-hs-container {
	position: relative;
}

.des-hs-track {
	display: flex;
	align-items: stretch;
	will-change: transform;
}
.des-hs-slide {
	position: relative;
	overflow: hidden;
	flex-shrink: 0;
	width: 80vw;
	height: 100vh;
	display: grid;
	grid-template-areas: "stack";
	grid-template-columns: 1fr;
	grid-template-rows: 1fr;
}

.des-hs-slide picture {
	display: contents !important;
}

.des-hs-slide img {
	grid-area: stack;
	justify-self: stretch !important;
	align-self: stretch !important;
	width: auto !important;
	height: auto !important;
	max-width: none !important;
	object-fit: cover !important;
	object-position: center !important;
}

/* Overlay: absolut positioniert, garantiert über dem Bild */
.des-hs-overlay {
	position: absolute;
	inset: 0;
	z-index: 10;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	pointer-events: none;
}

.des-hs-overlay-inner {
	pointer-events: auto;
}

.des-hs-overlay-link {
	text-decoration: none;
	display: block;
}

.des-hs-overlay-heading {
	margin: 0 0 0.25em;
	padding: 0;
}

.des-hs-overlay-text {
	margin: 0;
	padding: 0;
}

/* Mobile: vertikal stapeln – Dimensionen via Elementor responsive Controls steuerbar */
@media ( max-width: 768px ) {
	.des-hs-track {
		flex-direction: column !important;
		transform: none !important;
	}
}