From 43896b4caf330c6f4443637ab2a4bc88447bf928 Mon Sep 17 00:00:00 2001
From: payacom <59262811+payacom@users.noreply.github.com>
Date: Wed, 16 Sep 2026 18:00:50 +0330
Subject: [PATCH] fix(ui): .btn-modern--selected uses tint style, not solid
 fill

Root-level fix: this un-layered CSS class backs toggleBtnClass,
filterChipClass, selectionCardClass, and ~13 direct call sites (send-post/
shop/product modals, edit & verify sizes/colors/gender/cooperation-type).
Changing it here propagates the apply-filter button's tint+border+colored-
text look everywhere at once, including overriding the redundant
"text-white" utility class some call sites still pass (verified live: since
this class isn't inside a Tailwind @layer, its color always wins the cascade).

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
---
 src/app/globals.css | 10 ++++++----
 1 file changed, 6 insertions(+), 4 deletions(-)

diff --git a/src/app/globals.css b/src/app/globals.css
index 9c05253..f5574b7 100644
--- a/src/app/globals.css
+++ b/src/app/globals.css
@@ -776,14 +776,16 @@ select {
   background: var(--btn-accent-hover);
 }
 
+/* عینِ btnPrimary (دکمه «اعمال فیلتر»): تینتِ کم‌رنگِ رنگِ اصلی + بوردر/متنِ رنگِ
+   اصلی، نه پرشدنِ توپر + متنِ سفید — چون این کلاس خارج از @layer تعریف شده،
+   رویِ هر text-white که کنارش پاس داده بشه اولویت داره (لایه‌های CSS Tailwind v4) */
 .btn-modern--selected {
-  background: var(--btn-accent);
-  color: var(--btn-accent-text);
+  background: rgba(252, 142, 172, 0.1);
+  color: var(--btn-accent);
   border-color: var(--btn-accent);
 }
 .btn-modern--selected:hover:not(:disabled) {
-  background: var(--btn-accent-hover);
-  border-color: var(--btn-accent-hover);
+  background: rgba(252, 142, 172, 0.16);
 }
 
 .glass-modal-overlay {