autohidden toolbars: Use :has() to show toolbar if menu popup is hovered

chrome/autohide_bookmarks_and_main_toolbars.css

@@ -86,6 +86,13 @@ See the above repository for updates as well as full license text. */
   transition-delay: 100ms !important;
   transform: rotateX(0);
 }
+
+/* This ruleset is separate, because not having :has support breaks other selectors as well */
+#mainPopupSet:has(> #appMenu-popup:hover) ~ #navigator-toolbox > .browser-toolbar{
+  transition-delay: 33ms !important;
+  transform: rotateX(0);
+} 
+
 /* This makes the tab notification box show immediately below tabs, otherwise it would break the layout */
 #navigator-toolbox > div{ display: contents }
 :where(#titlebar,#tab-notification-deck,.global-notificationbox){

chrome/autohide_main_toolbar.css

@@ -39,6 +39,12 @@ See the above repository for updates as well as full license text. */
   transition-duration: 500ms, 200ms !important;
   transition-delay: 0s !important;
 }
+/* This ruleset is separate, because not having :has support breaks other selectors as well */
+#mainPopupSet:has(> #appMenu-popup:hover) ~ #navigator-toolbox > .browser-toolbar{
+  transition-delay: 33ms !important;
+  transform: translateY(0);
+  opacity: 1;
+} 
 
 /* Bookmarks toolbar needs so extra rules */
 #PersonalToolbar{ transition: transform 400ms ease 1.8s !important; position: relative; z-index: 1 }