From fa848bdf0ef7aba2368c731a856e53985ee7a27f Mon Sep 17 00:00:00 2001
From: "gpt-engineer-app[bot]"
 <159125892+gpt-engineer-app[bot]@users.noreply.github.com>
Date: Thu, 12 Mar 2026 22:56:56 +0000
Subject: [PATCH] Change add-to-cart popup color

Co-authored-by: CyberTechDroid <229118619+CyberTechDroid@users.noreply.github.com>
---
 src/components/ProductCard.tsx | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/components/ProductCard.tsx b/src/components/ProductCard.tsx
index cea2a6d..3d75089 100644
--- a/src/components/ProductCard.tsx
+++ b/src/components/ProductCard.tsx
@@ -24,8 +24,9 @@ export function ProductCard({ product }: ProductCardProps) {
     toast({
       title: '✓ Added to cart',
       description: product.name,
+      className: 'bg-green-600 text-white border-green-700 [&>div]:text-white',
       action: (
-        <Button size="sm" variant="outline" onClick={() => setIsCartOpen(true)}>
+        <Button size="sm" variant="outline" className="border-white text-white hover:bg-white/20 hover:text-white" onClick={() => setIsCartOpen(true)}>
           View Cart
         </Button>
       ),