/**
 * Goldsmith product-card second image on touch devices.
 *
 * Desktop remains parent-theme owned. Touch/pen gets an immediate, short-lived
 * overlay state without changing the product link or requiring a second tap.
 */

.goldsmith-product-thumb.product-link.has-images > img.overlay-thumb {
	pointer-events: none;
}

/*
 * The class is input-driven, so it is safe outside media queries and also
 * covers hybrid laptops whose primary pointer can hover but whose screen is
 * currently being touched.
 */
.goldsmith-product-thumb.product-link.has-images.is-perfamix-touch-preview > img:not(.overlay-thumb) {
	transform: scale(1);
}

.goldsmith-product-thumb.product-link.has-images.is-perfamix-touch-preview > img.overlay-thumb {
	opacity: 1;
	visibility: visible;
	transform: scale(1);
	transition-duration: 180ms;
	transition-delay: 0s;
}

@media (hover: none), (pointer: coarse) {
	.goldsmith-product-thumb.product-link.has-images {
		-webkit-touch-callout: none;
		-webkit-user-select: none;
		user-select: none;
	}

	.goldsmith-product-thumb.product-link.has-images > img {
		-webkit-user-drag: none;
	}

	/* Neutralize Goldsmith's generic card zoom and emulated sticky :hover. */
	.goldsmith-product-loop-inner:hover .goldsmith-product-thumb.product-link.has-images > img:not(.overlay-thumb),
	.goldsmith-product-thumb.product-link.has-images > img:not(.overlay-thumb) {
		opacity: 1;
		transform: scale(1);
	}

	.goldsmith-product-loop-inner:hover .goldsmith-product-thumb.product-link.has-images > img.overlay-thumb,
	.goldsmith-product-thumb.product-link.has-images > img.overlay-thumb {
		opacity: 0;
		visibility: hidden;
		transform: scale(1);
		transition-property: opacity, transform, visibility;
		transition-duration: 180ms, 180ms, 0s;
		transition-timing-function: ease-out, ease-out, linear;
		transition-delay: 0s, 0s, 180ms;
	}

	/* :active is the no-JavaScript fallback; the class survives pointer-up. */
	.goldsmith-product-thumb.product-link.has-images:active > img.overlay-thumb,
	.goldsmith-product-thumb.product-link.has-images.is-perfamix-touch-preview > img.overlay-thumb,
	.goldsmith-product-loop-inner:hover .goldsmith-product-thumb.product-link.has-images.is-perfamix-touch-preview > img.overlay-thumb {
		opacity: 1;
		visibility: visible;
		transform: scale(1);
		transition-delay: 0s;
	}
}

@media (prefers-reduced-motion: reduce) {
	.goldsmith-product-thumb.product-link.has-images > img {
		transition-duration: 0.01ms;
		transition-delay: 0s;
	}
}