/* ---- Card & button motion for every page except Home (confirmed 2026-11-04) ----
   Same language as the Home page (mgw-home.css, "Card motion"): cards lift a little with a deeper shadow,
   photos zoom slowly inside their frame, buttons lift and press down, and the cards of a grid that is
   below the fold come in one after another (mgw-motion.js). Only transform / opacity / shadow change.
   Loaded last (priority 99) so it wins over each page's own, milder hover rules. Nothing here runs for
   visitors who prefer reduced motion, and hover only on devices that really hover. */

@media (prefers-reduced-motion: no-preference) {
	/* Cards that are links, plus the directory / news cards. */
	a.moss-pp-visa-card,
	a.moss-mc-card,
	a.moss-ti-step-card,
	a.moss-lg-scurve-card,
	a.moss-pp-airport-card,
	a.moss-si-place-card,
	.moss-dir-card {
		transition: transform 0.25s ease, box-shadow 0.25s ease, background-color 0.25s ease, border-color 0.25s ease;
	}
	.moss-dir-card-media img,
	.moss-pp-airport-media img { transition: transform 0.5s ease; }

	/* News & Tips cards: no movement at all (there are many of them) - only the photo, the frame and the title. */
	.moss-news-card { transition: border-color 0.25s ease; }
	.moss-news-card-media img { transition: transform 0.3s ease; }
	.moss-news-headline a { transition: color 0.25s ease; }

	.moss-pp-exempt-btn,
	.moss-ti-agency-btn,
	.moss-vd-btn,
	.moss-pp-download-btn,
	.moss-pp-wp-register-btn,
	.moss-si-view-btn,
	.moss-oauth-btn,
	.moss-btn,
	.moss-btn-block { transition: transform 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease, filter 0.2s ease; }

	.moss-tax-acc-item,
	.moss-faq-item { transition: box-shadow 0.25s ease, border-color 0.25s ease; }

	/* Cards of a grid below the fold: held back by mgw-motion.js (.moss-stagger-pre), then released one by
	   one. "backwards" only holds the starting pose during the delay, so hover works again afterwards. */
	@keyframes moss-card-in {
		from { opacity: 0; transform: translateY(22px); }
		to   { opacity: 1; transform: none; }
	}
	.moss-stagger-pre { opacity: 0; transform: translateY(22px); }
	.moss-stagger-in { animation: moss-card-in 0.55s ease backwards; }
}

@media (hover: hover) and (prefers-reduced-motion: no-preference) {
	a.moss-pp-visa-card:hover,
	a.moss-mc-card:hover,
	a.moss-lg-scurve-card:hover,
	a.moss-pp-airport-card:hover,
	a.moss-si-place-card:hover,
	.moss-dir-card:hover {
		transform: translateY(-4px);
		box-shadow: 0 14px 28px rgba(0, 41, 87, 0.16);
	}
	/* The solid blue step pills keep their darker background on hover and gain a little lift. */
	a.moss-ti-step-card:hover {
		transform: translateY(-3px);
		box-shadow: 0 10px 20px rgba(0, 41, 87, 0.25);
	}

	.moss-dir-card:hover .moss-dir-card-media img,
	.moss-pp-airport-card:hover .moss-pp-airport-media img { transform: scale(1.06); }

	/* News & Tips: photo zooms a touch, the frame turns light CI blue, the title turns CI blue. The card
	   itself never moves, lifts or changes size. */
	.moss-news-card:hover,
	.moss-news-card:focus-within { border-color: rgba(0, 100, 169, 0.35); }
	.moss-news-card:hover .moss-news-card-media img { transform: scale(1.04); }
	.moss-news-card:hover .moss-news-headline a,
	.moss-news-card:focus-within .moss-news-headline a { color: var(--moss-blue); }

	.moss-pp-exempt-btn:hover,
	.moss-ti-agency-btn:hover,
	.moss-vd-btn:hover,
	.moss-pp-download-btn:hover,
	.moss-pp-wp-register-btn:hover,
	.moss-si-view-btn:hover,
	.moss-oauth-btn:hover,
	.moss-btn:hover,
	.moss-btn-block:hover {
		transform: translateY(-2px);
		box-shadow: 0 8px 18px rgba(0, 41, 87, 0.22);
		filter: brightness(1.05);
	}
	.moss-pp-exempt-btn:active,
	.moss-ti-agency-btn:active,
	.moss-vd-btn:active,
	.moss-pp-download-btn:active,
	.moss-pp-wp-register-btn:active,
	.moss-si-view-btn:active,
	.moss-oauth-btn:active,
	.moss-btn:active,
	.moss-btn-block:active { transform: translateY(0); box-shadow: none; }
	.moss-btn-block:disabled:hover,
	.moss-si-view-btn:disabled:hover { transform: none; box-shadow: none; filter: none; }

	.moss-tax-acc-item:hover,
	.moss-faq-item:hover { box-shadow: 0 6px 16px rgba(0, 41, 87, 0.1); }
}