From 8327f7cc611a874d7a009275766ac0335bc66403 Mon Sep 17 00:00:00 2001
From: Smyile <84925446+davidetacchini@users.noreply.github.com>
Date: Tue, 31 Mar 2026 10:56:23 +0200
Subject: [PATCH] fix(docs): use compound selector instead of media query

Target the exact state that breaks: when .navbar-sidebar--show is active
on the same <nav> element. This preserves the blur on mobile when the
sidebar is closed, and only removes it when the sidebar is open.
---
 website/src/css/custom.css | 14 +++++++-------
 1 file changed, 7 insertions(+), 7 deletions(-)

diff --git a/website/src/css/custom.css b/website/src/css/custom.css
index 469c6792e..cfc90c7f9 100644
--- a/website/src/css/custom.css
+++ b/website/src/css/custom.css
@@ -63,16 +63,16 @@
 
 /* Navbar styling */
 .navbar {
+  backdrop-filter: blur(12px);
   border-bottom: 1px solid rgba(255, 215, 0, 0.08);
 }
 
-/* Frosted-glass blur — desktop only.
-   On mobile, backdrop-filter creates a stacking context that hides
-   the navbar-sidebar menu content (Docusaurus #6996). */
-@media (min-width: 997px) {
-  .navbar {
-    backdrop-filter: blur(12px);
-  }
+/* backdrop-filter creates a stacking context that hides
+   .navbar-sidebar menu content (Docusaurus #6996). Remove it
+   while the mobile sidebar is open — both classes live on the
+   same <nav> element. */
+.navbar.navbar-sidebar--show {
+  backdrop-filter: none;
 }
 
 .navbar__title {