refactor(#28): Restore white border-top, fix active dropdown navbar, simplify code with :is() (#29)

.vscode/settings.json

@@ -1,6 +1,7 @@
 {
     "conventionalCommits.scopes": [
         "#11",
-        "13"
+        "13",
+        "#28"
     ]
 }

Whiter banner.less

@@ -1,33 +1,31 @@
 @-moz-document domain("supplierxm.salsify.com"),
 domain("alkemics.com") {
-    .Navbar {
+    .Navbar.bg-inverse {
         --white: white;
         --bold: bold;
-        color: var(--white) !important;
-
-        li.nav-item>a.nav-link,
-        li.nav-item>a.nav-link .btn {
         color: var(--white);
 
-            &.active,
-            &.active .btn,
-            &:hover,
-            &:hover .btn {
+        a.nav-link,
+        .SharingUnitDropdown__DropdownLabel {
+            color: var(--white) !important;
+
+            &:is(.active, :hover),
+            .SharingUnitDropdown__DropdownLabelActive {
                 color: var(--white) !important;
                 font-weight: var(--bold) !important;
 
-                &::after {
-                    background: white;
-                }
-
                 .SharingUnitDropdown__OptionText {
                     font-weight: 300;
                 }
             }
+
+            &::after {
+                background: white !important;
+            }
+        }
     }
 
     .AuthLayoutFooter__logo {
-            border-top: 1px solid #fff;
-        }
+        border-top-color: #fff;
     }
 }