From 1c227993a5a4af2aa2bde01a1c2cfc7b30df7a40 Mon Sep 17 00:00:00 2001
From: "gpt-engineer-app[bot]"
 <159125892+gpt-engineer-app[bot]@users.noreply.github.com>
Date: Sun, 28 Sep 2025 14:34:38 +0000
Subject: [PATCH] Add hover styling to menu

---
 src/components/layout/Header.tsx | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/components/layout/Header.tsx b/src/components/layout/Header.tsx
index 4563d843..7850651b 100644
--- a/src/components/layout/Header.tsx
+++ b/src/components/layout/Header.tsx
@@ -36,21 +36,21 @@ export function Header() {
                   <MapPin className="w-4 h-4 mr-2" />
                   Parks
                 </DropdownMenuItem>
-                <DropdownMenuItem onClick={() => navigate('/rides')}>
+                <DropdownMenuItem onClick={() => navigate('/rides')} className="hover:bg-blue-100 hover:text-blue-900 dark:hover:bg-blue-900/20 dark:hover:text-blue-100">
                   🎢 <span className="ml-2">Rides</span>
                 </DropdownMenuItem>
-                <DropdownMenuItem onClick={() => navigate('/manufacturers')}>
+                <DropdownMenuItem onClick={() => navigate('/manufacturers')} className="hover:bg-blue-100 hover:text-blue-900 dark:hover:bg-blue-900/20 dark:hover:text-blue-100">
                   🏭 <span className="ml-2">Manufacturers</span>
                 </DropdownMenuItem>
-                <DropdownMenuItem onClick={() => navigate('/operators')}>
+                <DropdownMenuItem onClick={() => navigate('/operators')} className="hover:bg-blue-100 hover:text-blue-900 dark:hover:bg-blue-900/20 dark:hover:text-blue-100">
                   <Building className="w-4 h-4 mr-2" />
                   Operators
                 </DropdownMenuItem>
-                <DropdownMenuItem onClick={() => navigate('/owners')}>
+                <DropdownMenuItem onClick={() => navigate('/owners')} className="hover:bg-blue-100 hover:text-blue-900 dark:hover:bg-blue-900/20 dark:hover:text-blue-100">
                   <Crown className="w-4 h-4 mr-2" />
                   Owners
                 </DropdownMenuItem>
-                <DropdownMenuItem onClick={() => navigate('/designers')}>
+                <DropdownMenuItem onClick={() => navigate('/designers')} className="hover:bg-blue-100 hover:text-blue-900 dark:hover:bg-blue-900/20 dark:hover:text-blue-100">
                   <Palette className="w-4 h-4 mr-2" />
                   Designers
                 </DropdownMenuItem>