/**
 * PokeStasch - kortbaksida vid hover i produktlistor.
 * Se pokestasch-card-flip.php. Baksidan (img.pokestasch-card-back) ligger
 * absolut over framsidan och tonas in vid hover. Endast pekare med hover
 * (desktop) - touchskarmar paverkas aldrig.
 */

.wc-block-components-product-image {
	position: relative;
}

img.pokestasch-card-back {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: contain;
	opacity: 0;
	pointer-events: none;
	transition: opacity 0.35s ease;
}

@media (hover: hover) and (pointer: fine) {
	li.wc-block-product:hover img.pokestasch-card-back,
	li.wc-block-product:focus-within img.pokestasch-card-back {
		opacity: 1;
	}
}

@media (prefers-reduced-motion: reduce) {
	img.pokestasch-card-back {
		transition: none;
	}
}