/**
 * Image Carousel (Tease)
 *
 * The peek/tease itself is produced by Swiper (centeredSlides + a fractional
 * slidesPerView set in townly-carousel-tease.js), so no layout CSS is needed
 * here. This only handles the optional "Dim Teased Slides" toggle: every slide
 * is dimmed to --townly-tease-dim-opacity (set inline by the widget control),
 * then the active (centered) slide is forced back to full opacity so it is
 * never dimmed. The transition makes it fade smoothly as slides move.
 */
.townly-tease-dim-yes .elementor-image-carousel-wrapper .swiper-slide {
	opacity: var( --townly-tease-dim-opacity, 0.45 );
	transition: opacity 0.35s ease;
}

.townly-tease-dim-yes .elementor-image-carousel-wrapper .swiper-slide.swiper-slide-active {
	opacity: 1;
}