From 8f749ad046cd959f9cf55e811a35c8d6176ece9b Mon Sep 17 00:00:00 2001
From: "gpt-engineer-app[bot]"
 <159125892+gpt-engineer-app[bot]@users.noreply.github.com>
Date: Thu, 2 Oct 2025 20:18:47 +0000
Subject: [PATCH] Add opacity to RideCard

---
 src/components/rides/RideCard.tsx | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/components/rides/RideCard.tsx b/src/components/rides/RideCard.tsx
index 431aca00..3f1628f3 100644
--- a/src/components/rides/RideCard.tsx
+++ b/src/components/rides/RideCard.tsx
@@ -34,10 +34,10 @@ export function RideCard({ ride, showParkName = true, className, parkSlug }: Rid
 
   const getStatusColor = (status: string) => {
     switch (status) {
-      case 'operating': return 'bg-green-500/20 text-green-400 border-green-500/30';
-      case 'seasonal': return 'bg-yellow-500/20 text-yellow-400 border-yellow-500/30';
-      case 'under_construction': return 'bg-blue-500/20 text-blue-400 border-blue-500/30';
-      default: return 'bg-red-500/20 text-red-400 border-red-500/30';
+      case 'operating': return 'bg-green-500/50 text-green-400 border-green-500/50';
+      case 'seasonal': return 'bg-yellow-500/50 text-yellow-400 border-yellow-500/50';
+      case 'under_construction': return 'bg-blue-500/50 text-blue-400 border-blue-500/50';
+      default: return 'bg-red-500/50 text-red-400 border-red-500/50';
     }
   };