From 43af478be73f0df34c0a7f571e74367f661dc5dc Mon Sep 17 00:00:00 2001
From: Sanket Kalekar <kalekarsanket005@gmail.com>
Date: Mon, 29 Dec 2025 13:17:41 +0530
Subject: [PATCH] Update ProductsSubmenu.svelte

fix: Products menu remaining active after dropdown closes
Used !text-accent to ensure proper specificity when dropdown is open
Added transition-colors for smooth color transitions
Ensures active state properly clears when dropdown closes

Fixes #11029
---
 src/lib/components/ProductsSubmenu.svelte | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/lib/components/ProductsSubmenu.svelte b/src/lib/components/ProductsSubmenu.svelte
index 39cc13c172..aaee39bad2 100644
--- a/src/lib/components/ProductsSubmenu.svelte
+++ b/src/lib/components/ProductsSubmenu.svelte
@@ -93,9 +93,9 @@
 
 <button
     class={cn(
-        'text-primary focus:text-accent hover:text-accent inline-flex cursor-pointer items-center justify-between outline-none',
+        'text-primary hover:text-accent focus:text-accent inline-flex cursor-pointer items-center justify-between outline-none transition-colors',
         {
-            'text-accent': $open
+            '!text-accent': $open
         }
     )}
     use:melt={$trigger}