fixed inconsistent styling of links in main menu dropdowns

theme/static/css/custom.css

@@ -175,9 +175,6 @@ h1, h2, h3, h4, h5, h6 {
 
 /* Navbar */
 #site-navbar {
-  a {
-    --pico-text-decoration: none;
-  }
   ul {
     margin-left: 0;
     margin-right: 0;
@@ -204,11 +201,17 @@ h1, h2, h3, h4, h5, h6 {
     details.dropdown {
       margin-block-end: calc(var(--pico-spacing) * -1);
 
-      >summary:not([role]) a,
-      li a {
+      >summary:not([role]) + ul li a,
+      a {
         color: var(--pico-primary);
       }
 
+      > summary + ul li a:hover,
+      a:hover {
+        color: var(--pico-primary-hover);
+        text-decoration: underline;
+      }
+
       >summary:not([role]) {
         background-color: inherit;
         border: none;