From e58e3d674d175b80f926ff24c5713e1f9fbf338f Mon Sep 17 00:00:00 2001
From: MVA Global Fret <mvaglobalfret@gmail.com>
Date: Tue, 5 May 2026 22:05:45 +0200
Subject: [PATCH] Mobile menu: scrollable + dvh height fix
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- overflow-y: auto pour scroll vertical quand le menu déborde
- height: 100dvh (dynamic viewport) pour meilleur rendu mobile (barre URL)
- -webkit-overflow-scrolling: touch (smooth iOS)
- overscroll-behavior: contain (pas de scroll-chain sur le body en dessous)

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
---
 css/style.css | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/css/style.css b/css/style.css
index 15f69a5..d38a521 100644
--- a/css/style.css
+++ b/css/style.css
@@ -392,6 +392,7 @@ p {
   width: 80%;
   max-width: 360px;
   height: 100vh;
+  height: 100dvh; /* dynamic viewport — meilleur sur mobile (barre URL) */
   background: var(--navy-dark);
   z-index: 999;
   padding: calc(var(--header-height) + var(--space-xl)) var(--space-xl) var(--space-xl);
@@ -399,6 +400,9 @@ p {
   display: flex;
   flex-direction: column;
   gap: var(--space-lg);
+  overflow-y: auto;
+  -webkit-overflow-scrolling: touch;
+  overscroll-behavior: contain;
 }
 
 .mobile-nav.open {