/**
 * Amitry Product & Category Slider Pro - Zoom on Hover
 *
 * Adds a smooth scaling zoom effect on images when hovering a card.
 * Scoped to .wcsp-zoom-on-hover wrapper class so it only applies when enabled.
 * Works identically in Gutenberg block and Elementor widget output
 * (both share the same renderer output).
 */

.wcsp-slider-wrapper.wcsp-zoom-on-hover .wcsp-img-wrap {
	overflow: hidden;
}

.wcsp-slider-wrapper.wcsp-zoom-on-hover .wcsp-img-wrap img {
	transition: transform 0.45s cubic-bezier(0.22, 1, 0.36, 1);
	will-change: transform;
}

.wcsp-slider-wrapper.wcsp-zoom-on-hover .wcsp-card:hover .wcsp-img-wrap img {
	transform: scale(1.08);
}

/* Slightly stronger effect for Premium Card variant */
.wcsp-slider-wrapper.wcsp-zoom-on-hover.wcsp-slider--premium-card .wcsp-card:hover .wcsp-img-wrap img {
	transform: scale(1.1);
}

/* Accessibility: reduce motion for users that prefer it */
@media (prefers-reduced-motion: reduce) {
	.wcsp-slider-wrapper.wcsp-zoom-on-hover .wcsp-img-wrap img {
		transition: none;
	}
	.wcsp-slider-wrapper.wcsp-zoom-on-hover .wcsp-card:hover .wcsp-img-wrap img {
		transform: none;
	}
}