From ef5e7490567b968340e95cabb1b88125f7968923 Mon Sep 17 00:00:00 2001
From: Marc Mintel <marc@mintel.me>
Date: Wed, 25 Feb 2026 02:55:08 +0100
Subject: [PATCH] =?UTF-8?q?fix:=20mobile=20nav=20overlay=20z-index=20?=
 =?UTF-8?q?=E2=80=94=20solid=20background=20above=20header,=20hamburger=20?=
 =?UTF-8?q?button=20stays=20clickable?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 components/Header.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/components/Header.tsx b/components/Header.tsx
index 546c0548..dd0d3e02 100644
--- a/components/Header.tsx
+++ b/components/Header.tsx
@@ -293,7 +293,7 @@ export default function Header() {
             {/* Mobile Menu Button */}
             <button
               className={cn(
-                'lg:hidden touch-target p-2 rounded-xl bg-white/10 border border-white/20 z-50 transition-all duration-300',
+                'lg:hidden touch-target p-2 rounded-xl bg-white/10 border border-white/20 z-[70] relative transition-all duration-300',
                 textColorClass,
                 isMobileMenuOpen ? 'rotate-90 scale-110' : 'rotate-0 scale-100',
               )}
@@ -338,7 +338,7 @@ export default function Header() {
         {/* Mobile Menu Overlay */}
         <div
           className={cn(
-            'fixed inset-0 bg-primary z-40 lg:hidden transition-all duration-500 ease-in-out flex flex-col',
+            'fixed inset-0 bg-primary z-[60] lg:hidden transition-all duration-500 ease-in-out flex flex-col',
             isMobileMenuOpen
               ? 'opacity-100 translate-y-0'
               : 'opacity-0 -translate-y-full pointer-events-none',