From 24b12d9108fdd4b644abb5e30358f00be5097ae0 Mon Sep 17 00:00:00 2001
From: thePR0M3TH3AN <53631862+PR0M3TH3AN@users.noreply.github.com>
Date: Mon, 6 Oct 2025 12:01:56 -0400
Subject: [PATCH] Ensure mobile sidebar stays under modal layers

---
 css/style.css | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/css/style.css b/css/style.css
index 72abd234..3ed82754 100644
--- a/css/style.css
+++ b/css/style.css
@@ -1424,7 +1424,8 @@ footer a:hover {
   overflow-y: auto;
   -webkit-overflow-scrolling: touch;
   transition: transform 0.3s ease, box-shadow 0.3s ease;
-  z-index: 60;
+  /* Keep below modal stacks (z-50+) so dialogs overlay the drawer. */
+  z-index: 40;
   box-shadow: none;
 }
 
@@ -1442,7 +1443,8 @@ footer a:hover {
   opacity: 0;
   pointer-events: none;
   transition: opacity 0.3s ease;
-  z-index: 50;
+  /* Sits above page chrome but below modals and the sidebar itself. */
+  z-index: 30;
 }
 
 body.sidebar-open #sidebarOverlay {