From c9a0b6015cf293d4083db2d719357a56b8b4c271 Mon Sep 17 00:00:00 2001
From: Amirhossein Khalili <amirhosseinkhalili901@gmail.com>
Date: Wed, 30 Sep 2026 18:29:39 +0330
Subject: [PATCH] fix: compact mobile filters and dark calendar modal

---
 src/components/events/EventFiltersDrawer.tsx | 2 +-
 src/index.css                                | 7 +++++++
 2 files changed, 8 insertions(+), 1 deletion(-)

diff --git a/src/components/events/EventFiltersDrawer.tsx b/src/components/events/EventFiltersDrawer.tsx
index e883fd2..28c712a 100644
--- a/src/components/events/EventFiltersDrawer.tsx
+++ b/src/components/events/EventFiltersDrawer.tsx
@@ -58,7 +58,7 @@ export function EventFiltersDrawer({
           aria-label={activeFilterCount ? `فیلترها، ${formatNumberPersian(activeFilterCount)} مورد انتخاب‌شده` : "فیلترها"}
         >
           <SlidersHorizontal aria-hidden="true" className="size-4" />
-          فیلترها
+          <span className="hidden min-[640px]:inline">فیلترها</span>
           {activeFilterCount > 0 ? (
             <span
               aria-hidden="true"
diff --git a/src/index.css b/src/index.css
index 5c71698..dc17d99 100644
--- a/src/index.css
+++ b/src/index.css
@@ -183,6 +183,10 @@ html.dark a.home-hero-secondary:focus-visible {
   animation: event-range-fade-in 140ms ease-out;
 }
 
+html.dark .event-range-modal-overlay {
+  background: hsl(0 0% 0% / 0.24);
+}
+
 .event-date-range-modal {
   position: fixed;
   z-index: 61;
@@ -202,6 +206,9 @@ html.dark a.home-hero-secondary:focus-visible {
   animation: event-range-modal-in 160ms ease-out;
 }
 
+html.dark .event-date-range-modal {
+  box-shadow: 0 1rem 3rem hsl(0 0% 0% / 0.34);
+}
 @keyframes event-range-fade-in {
   from { opacity: 0; }
   to { opacity: 1; }