fix: compact mobile filters and dark calendar modal

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"

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; }