From 60b86f1ec97b028c2c0e37710b8699a4f5c587d5 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Marc-Andr=C3=A9=20Bombeck?= <mbombeck@gmail.com>
Date: Thu, 4 Jun 2026 15:28:28 +0200
Subject: [PATCH] fix(insights): suppress recommendation-card hover lift under
 reduced motion

The recommendation cards carry `transition-all md:hover:-translate-y-0.5`
for a subtle lift on pointer hover. Motion-sensitive users got the full
transform with no opt-out. Pair the hover with
`motion-reduce:transition-none motion-reduce:hover:translate-y-0` so the
card stays put when the user asks for less motion.
---
 src/components/insights/recommendations-grid.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/insights/recommendations-grid.tsx b/src/components/insights/recommendations-grid.tsx
index 3b1fe3c5f..d6f47bbf1 100644
--- a/src/components/insights/recommendations-grid.tsx
+++ b/src/components/insights/recommendations-grid.tsx
@@ -101,7 +101,7 @@ export function RecommendationsGrid({ recs }: RecommendationsGridProps) {
             }
             data-stagger-index={index}
             role="listitem"
-            className={`animate-insight-in transition-all md:hover:-translate-y-0.5 md:hover:shadow-lg ${borderClass} rounded-lg border-l-2`}
+            className={`animate-insight-in transition-all md:hover:-translate-y-0.5 md:hover:shadow-lg ${borderClass} rounded-lg border-l-2 motion-reduce:transition-none motion-reduce:hover:translate-y-0`}
             style={{ animationDelay: `${index * STAGGER_INTERVAL_MS}ms` }}
           >
             <RecommendationCard rec={rec} index={index} />