/*
 * Safe Ken Burns
 * L'immagine nitida usa contain; una copia sfocata riempie il contenitore.
 */

.elementor-widget-shadow-gallery-kenburns.fskb-enabled {
	--fskb-aspect-ratio: 3 / 2;
	--fskb-duration: 6000ms;
	--fskb-start-scale: 0.94;
	--fskb-blur: 28px;
	--fskb-backdrop-brightness: 0.42;
}

.elementor-widget-shadow-gallery-kenburns.fskb-enabled .shadowcore-kenburns-wrap {
	height: auto !important;
	aspect-ratio: var(--fskb-aspect-ratio);
	overflow: hidden !important;
	background: #111317;
}

.elementor-widget-shadow-gallery-kenburns.fskb-enabled .shadowcore-kenburns,
.elementor-widget-shadow-gallery-kenburns.fskb-enabled .shadowcore-kenburns-slide {
	overflow: hidden;
	background: #111317;
}

.elementor-widget-shadow-gallery-kenburns.fskb-enabled .shadowcore-kenburns-slide::before {
	content: "";
	position: absolute;
	inset: -5%;
	z-index: 0;
	background-image: var(--fskb-slide-image, none);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	filter: blur(var(--fskb-blur)) brightness(var(--fskb-backdrop-brightness)) saturate(0.85);
	transform: scale(1.12);
	pointer-events: none;
}

.elementor-widget-shadow-gallery-kenburns.fskb-enabled .shadowcore-kenburns-slide-image {
	z-index: 1;
	background-position: center !important;
	background-repeat: no-repeat !important;
	background-size: contain !important;
	transform-origin: 50% 50% !important;
	will-change: transform;
}

.elementor-widget-shadow-gallery-kenburns.fskb-enabled
	.shadowcore-kenburns-slide.is-active
	.shadowcore-kenburns-slide-image {
	animation: fskb-safe-zoom var(--fskb-duration) cubic-bezier(0.22, 0.61, 0.36, 1) both !important;
}

.elementor-widget-shadow-gallery-kenburns.fskb-enabled .shadowcore-kenburns-overlay {
	z-index: 2;
}

.elementor-widget-shadow-gallery-kenburns.fskb-enabled .shadowcore-kenburns-title {
	z-index: 5;
}

@keyframes fskb-safe-zoom {
	0% {
		transform: translate3d(0, 0, 0) scale(var(--fskb-start-scale));
	}
	100% {
		transform: translate3d(0, 0, 0) scale(1);
	}
}

@media (prefers-reduced-motion: reduce) {
	.elementor-widget-shadow-gallery-kenburns.fskb-enabled .shadowcore-kenburns-slide-image,
	.elementor-widget-shadow-gallery-kenburns.fskb-enabled
		.shadowcore-kenburns-slide.is-active
		.shadowcore-kenburns-slide-image {
		animation: none !important;
		transform: none !important;
	}
}