/**
 * Shop/loop wishlist button — reveal on card hover (desktop).
 *
 * On product loop cards (.e-loop-item) the YITH "Save to List" wishlist button is an
 * absolutely-positioned Elementor widget that is always visible. Miranda (BugHerd #380)
 * wants it hidden until the card is hovered.
 *
 * Hidden by default and faded in on card hover / keyboard focus, desktop only
 * (>=769px, PP's tablet-portrait boundary). On touch (<=768px) there is no hover, so
 * the rule doesn't apply and the button stays visible — no reachability regression.
 *
 * Uses opacity+visibility (not display) so it animates and YITH's JS/layout is
 * undisturbed; the button is absolutely positioned so this causes no layout shift.
 * Targets YITH's own .yith-add-to-wishlist-button-block wrapper (semantic, not a
 * brittle Elementor element id) scoped to the loop card.
 *
 * See pp-custom/includes/wishlist-hover-reveal.php for context.
 */

@media ( min-width: 769px ) {
	.e-loop-item .yith-add-to-wishlist-button-block {
		opacity: 0;
		visibility: hidden;
		transition: opacity 0.2s ease, visibility 0.2s ease;
	}

	.e-loop-item:hover .yith-add-to-wishlist-button-block,
	.e-loop-item:focus-within .yith-add-to-wishlist-button-block {
		opacity: 1;
		visibility: visible;
	}
}