/**
 * Design 2026 — si_image_strip WPBakery element
 *
 * Draggable horizontal photo strip with fixed image height and infinite loop.
 */

.si-image-strip {
	--is-height: 447px;
	--is-gap: 1rem;
	--is-radius: 0.75rem;
	width: 100%;
	overflow: hidden;
}

.si-image-strip__viewport {
	overflow: hidden;
	width: 100%;
	cursor: grab;
	touch-action: pan-y;
	user-select: none;
	-webkit-user-select: none;
}

.si-image-strip.is-dragging .si-image-strip__viewport {
	cursor: grabbing;
}

.si-image-strip__track {
	display: flex;
	align-items: stretch;
	flex-shrink: 0;
	gap: var(--is-gap);
	width: max-content;
	will-change: transform;
}

.si-image-strip__item {
	flex: 0 0 auto;
	height: var(--is-height);
	border-radius: var(--is-radius);
	overflow: hidden;
}

.si-image-strip__img {
	display: block;
	height: var(--is-height);
	width: auto;
	max-width: none;
	object-fit: cover;
	pointer-events: none;
	-webkit-user-drag: none;
}

@media (prefers-reduced-motion: reduce) {
	.si-image-strip__viewport {
		overflow-x: auto;
		cursor: auto;
		scrollbar-width: none;
	}

	.si-image-strip__viewport::-webkit-scrollbar {
		display: none;
	}

	.si-image-strip__track {
		transform: none !important;
	}
}