Issue #3381503: Z-index bugs

css/components/menu.css

@@ -317,6 +317,7 @@ html:not(.navigation-active) .navigation-menu-wrapper {
   top: 0.625rem;
   border-radius: 50%;
   background-color: var(--color-blue-600);
+  z-index: 1;
 }
 
 .level-2:not(.current) > .navigation-link:hover::before,
@@ -428,7 +429,7 @@ html:not(.navigation-active) .navigation-menu-wrapper {
   margin-top: auto;
   position: sticky;
   bottom: 0;
-  z-index: 1;
+  z-index: 40;
   margin-left: -0.5rem;
   margin-right: -0.5rem;
   width: calc(100% + var(--space-m));

css/components/menu.pcss.css

@@ -303,6 +303,7 @@ html:not(.navigation-active) {
     top: 10px;
     border-radius: 50%;
     background-color: var(--color-blue-600);
+    z-index: 1;
   }
 
   &:not(.current) > .navigation-link:hover::before {
@@ -419,7 +420,7 @@ html:not(.navigation-active) {
   margin-block-start: auto;
   position: sticky;
   bottom: 0;
-  z-index: 1;
+  z-index: 40;
   margin-inline: -8px;
   width: calc(100% + var(--space-m));
   border-block-start: 1px solid transparent;