From 45f5b22a958d18b3bcc85b384a2b20473c42f667 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=D0=90=D0=BD=D1=82=D0=BE=D0=BD=20=D0=A2=D1=80=D0=BE=D1=88?=
 =?UTF-8?q?=D0=B8=D0=BD?= <i@atroshin.ru>
Date: Sat, 1 Aug 2026 03:44:58 +0300
Subject: [PATCH] drop down menu fix for mobile devices

---
 src/styles/main.css | 16 ++++++++++++++--
 1 file changed, 14 insertions(+), 2 deletions(-)

diff --git a/src/styles/main.css b/src/styles/main.css
index a84c90b..98173bb 100644
--- a/src/styles/main.css
+++ b/src/styles/main.css
@@ -197,9 +197,21 @@ nav details.nav-group details a.nav-link {
   font-size: 0.875rem;
 }
 
-/* Mobile: nested dropdowns render in-flow below 640px */
+/* Mobile: top-level dropdown as fixed overlay; nested in-flow */
 @media (max-width: 640px) {
-  nav details.nav-group > div,
+  nav > details.nav-group > div {
+    position: fixed;
+    top: 0;
+    left: 0;
+    right: 0;
+    max-height: 100vh;
+    overflow-y: auto;
+    z-index: 100;
+    background-color: var(--color-navy);
+    padding: 1rem;
+    border-radius: 0;
+    box-shadow: none;
+  }
   nav details.nav-group details > div {
     position: static;
     box-shadow: none;