/*
 * Kadence uses the same 1.05 zoom as Dinzd, but completes it in 350ms.
 * Sohodd stretches only the composited transform to two seconds and leaves
 * layout, links and card content untouched.
 */
@media (hover: hover) and (pointer: fine) {
	.wp-block-kadence-imageoverlay
		.kt-image-overlay-wrap.kt-over-image-zoomin
		.kt-block-intrisic > img {
		backface-visibility: hidden;
		transform: translate3d(0, 0, 0) scale(1) rotate(0.01deg);
		transform-origin: 50% 50%;
		transition-delay: 0s;
		transition-duration: 2s;
		transition-property: transform;
		transition-timing-function: ease;
	}

	.wp-block-kadence-imageoverlay
		.kt-image-overlay-wrap.kt-over-image-zoomin:focus-within
		.kt-block-intrisic > img,
	.wp-block-kadence-imageoverlay
		.kt-image-overlay-wrap.kt-over-image-zoomin:hover
		.kt-block-intrisic > img {
		transform: translate3d(0, 0, 0) scale(1.05) rotate(0.01deg);
	}

	.wp-block-kadence-imageoverlay
		.kt-image-overlay-wrap
		.kt-image-overlay-color-wrapper {
		transition-duration: 700ms;
		transition-property: opacity;
		transition-timing-function: cubic-bezier(0.22, 1, 0.36, 1);
	}
}

@media (hover: none), (pointer: coarse) {
	.wp-block-kadence-imageoverlay
		.kt-image-overlay-wrap.kt-over-image-zoomin
		.kt-block-intrisic > img,
	.wp-block-kadence-imageoverlay
		.kt-image-overlay-wrap.kt-over-image-zoomin:focus-within
		.kt-block-intrisic > img,
	.wp-block-kadence-imageoverlay
		.kt-image-overlay-wrap.kt-over-image-zoomin:hover
		.kt-block-intrisic > img {
		transform: none;
		transition: none;
	}
}

@media (prefers-reduced-motion: reduce) {
	.wp-block-kadence-imageoverlay
		.kt-image-overlay-wrap.kt-over-image-zoomin
		.kt-block-intrisic > img,
	.wp-block-kadence-imageoverlay
		.kt-image-overlay-wrap.kt-over-image-zoomin:focus-within
		.kt-block-intrisic > img,
	.wp-block-kadence-imageoverlay
		.kt-image-overlay-wrap.kt-over-image-zoomin:hover
		.kt-block-intrisic > img {
		transform: none;
		transition: none;
	}

	.wp-block-kadence-imageoverlay
		.kt-image-overlay-wrap
		.kt-image-overlay-color-wrapper {
		transition: none;
	}
}