From 6476f86a85c654e7089719f09d2fa3b39c634351 Mon Sep 17 00:00:00 2001
From: isUnknown <adrien.payet@outlook.com>
Date: Fri, 27 Feb 2026 12:04:56 +0100
Subject: [PATCH] feat: click anywhere on header closes menu

- Header click removes menu-open (stopPropagation on toggle button
  to preserve its toggle behavior)
- cursor: pointer on site-header when menu is open

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 assets/css/partials/_site-header.scss | 2 ++
 assets/js/header.js                   | 7 ++++++-
 2 files changed, 8 insertions(+), 1 deletion(-)

diff --git a/assets/css/partials/_site-header.scss b/assets/css/partials/_site-header.scss
index 013fd45..08f9ab6 100644
--- a/assets/css/partials/_site-header.scss
+++ b/assets/css/partials/_site-header.scss
@@ -248,6 +248,8 @@
 
 // Quand le menu est ouvert : on dimme tout sauf le logo
 body.menu-open #site-header {
+  cursor: pointer;
+
   #nav-highlight,
   #nav-investigation,
   #theme-toggle,
diff --git a/assets/js/header.js b/assets/js/header.js
index e90e5c7..c9dbc1c 100644
--- a/assets/js/header.js
+++ b/assets/js/header.js
@@ -5,10 +5,15 @@ export function headerToggle() {
 
   if (!header || !buttonToggle) return;
 
-  buttonToggle.addEventListener("click", () => {
+  buttonToggle.addEventListener("click", (e) => {
+    e.stopPropagation();
     document.body.classList.toggle("menu-open");
   });
 
+  header.addEventListener("click", () => {
+    document.body.classList.remove("menu-open");
+  });
+
   overlay?.addEventListener("click", () => {
     document.body.classList.remove("menu-open");
   });