/**
 * Dickytall Sliders — frontend.css
 * @author Robby Geybels <https://getthingsdone.be>
 */

/* ── Shared Swiper base ───────────────────────────────────────────────────── */
.jgs-wrapper .swiper,
.dts-staggered-wrapper .swiper {
	overflow: hidden;
	position: relative;
	width: 100%;
}

.jgs-wrapper .swiper-wrapper,
.dts-staggered-wrapper .swiper-wrapper {
	display: flex;
	flex-direction: row;
	position: relative;
	height: 100%;
	box-sizing: content-box;
	transition-property: transform;
	will-change: transform;
}

.jgs-wrapper .swiper-slide,
.dts-staggered-wrapper .swiper-slide {
	flex-shrink: 0;
	position: relative;
}

/* ── Justified slider ────────────────────────────────────────────────────── */
.jgs-wrapper {
	width: 100%;
	overflow: hidden;
	position: relative;
	cursor: default;
}

.jgs-wrapper .swiper-slide img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	pointer-events: none;
	user-select: none;
}

.jgs-wrapper.jgs-hover-left  { cursor: w-resize; }
.jgs-wrapper.jgs-hover-right { cursor: e-resize; }

/* ── Staggered slider ────────────────────────────────────────────────────── */
.dts-staggered-wrapper {
	width: 100%;
	overflow: hidden;
	position: relative;
	cursor: default;
}

/* Slides are vertically centered — JS sets margin-top for stagger offset */
.dts-staggered-wrapper .swiper-slide {
	align-self: center;
}

.dts-staggered-wrapper .swiper-slide img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	pointer-events: none;
	user-select: none;
}

.dts-staggered-wrapper.jgs-hover-left  { cursor: w-resize; }
.dts-staggered-wrapper.jgs-hover-right { cursor: e-resize; }