From 8bcea1682e5814833ed2e3893e7579a7f93a1847 Mon Sep 17 00:00:00 2001
From: Mohammed Al-yaseen <mohammed.o.alyaseen@gmail.com>
Date: Wed, 26 Nov 2025 23:27:13 +0300
Subject: [PATCH] fix arrow background color

---
 .../cart/components/youMayLike/YouMayAlsoLike.module.css   | 7 ++++---
 src/utils/types/appTypes.ts                                | 2 +-
 2 files changed, 5 insertions(+), 4 deletions(-)

diff --git a/src/pages/cart/components/youMayLike/YouMayAlsoLike.module.css b/src/pages/cart/components/youMayLike/YouMayAlsoLike.module.css
index 62e52e8..27ab1eb 100644
--- a/src/pages/cart/components/youMayLike/YouMayAlsoLike.module.css
+++ b/src/pages/cart/components/youMayLike/YouMayAlsoLike.module.css
@@ -97,8 +97,8 @@
   display: flex;
   align-items: center;
   justify-content: center;
-  background: rgba(255, 255, 255, 0.95);
-  border: 1px solid rgba(0, 0, 0, 0.1);
+  background: var(--background);
+  border: 1px solid var(--border);
   border-radius: 50%;
   width: 30px;
   height: 30px;
@@ -109,7 +109,7 @@
 }
 
 .arrowButton:hover {
-  background: rgba(255, 255, 255, 1);
+  background: var(--background);
   transform: scale(1.05);
   box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
 }
@@ -127,6 +127,7 @@
   width: 24px;
   height: 24px;
   transition: transform 0.2s ease;
+  padding: 3px;
 }
 
 .arrowButton:hover .arrowIcon {
diff --git a/src/utils/types/appTypes.ts b/src/utils/types/appTypes.ts
index 20b66a8..a389711 100644
--- a/src/utils/types/appTypes.ts
+++ b/src/utils/types/appTypes.ts
@@ -321,7 +321,7 @@ export interface CartItem {
   image: string;
   quantity: number;
   description: string;
-  variant?: Variant;
+  variant?: Variant | string;
   extras?: Extra[];
   extrasgroupnew?: Array<{ groupid: string; extrasid: Array<string> }>;
   extrasgroup?: Array<string>;