.aae-loop-carousel-outer {
	position: relative;
}

/*
 * Swiper needs overflow:hidden on its own root (.swiper) to crop the slide
 * track down to the visible width — moving that to .swiper-wrapper instead
 * breaks that cropping entirely, since the wrapper then just grows to fit
 * all slides instead of being cropped by its parent. Leave Swiper's default
 * behaviour alone; arrows that need to sit outside the visible slide area
 * do so via the "Space for Arrows" side-padding control instead (reserves
 * room inside this same box, so it isn't clipped).
 */
.custom-loop-carousel.swiper {
	box-sizing: border-box;
}

.custom-loop-carousel .swiper-slide {
	height: auto;
	/*
	 * Loop item templates are built freely in Elementor, and it's easy for a
	 * widget/container inside one (an absolutely positioned decorative image,
	 * for example) to end up sized or offset past its own slide's box. With
	 * more than one slide per view, that spillover visually and
	 * interactively sits on top of the *next* slide's content — including
	 * intercepting clicks meant for a video's play button there, which also
	 * reads as the carousel "jumping" since the click never reaches the
	 * video and instead lands on whatever Swiper/track element is under it.
	 * Clipping each slide to its own box is the carousel-safe default:
	 * slides sit edge to edge and must not bleed into their neighbours.
	 */
	overflow: hidden;
	position: relative;
}

.custom-loop-carousel .swiper-slide .e-loop-item {
	height: 100%;
}

/*
 * The Video Box widget (assets/css/widgets/video-box.css in Animation
 * Addons for Elementor Pro) only reveals its play button on
 * `.wcf--video-box:hover`, which doesn't make sense inside a carousel slide
 * on touch devices (no hover at all) or as a discoverability cue in
 * general. Mirror its own `:hover` state's opacity/visibility/transform so
 * the button is always shown when the widget is used inside this carousel,
 * without changing its hover-only behaviour anywhere else the widget is
 * used on the site.
 */
.custom-loop-carousel .wcf--video-box .wcf-popup-btn {
	opacity: 1;
	visibility: visible;
	transform: translate(-50%, -50%);
}