Add search comp styles if popovers aren’t supported

Display header search form and hide search toggle button with a no-popover class if popover API isn’t supported in the browser. The no-popover class is automatically removed if the popover API is supported; see 657e593 for this change.

Author: JoelCDL

src/css/components/search.css

@@ -67,6 +67,22 @@
   mask: url('data-url:npm:fa-solid/magnifying-glass.svg') center / contain;
 }
 
+/* If popover API isn't supported: */
+
+html.no-popover {
+  .c-search-form {
+    display: flex;
+    width: auto;
+    height: auto;
+    margin-inline-end: unset;
+    opacity: 1;
+  }
+
+  .c-search-toggle {
+    display: none;
+  }
+}
+
 @media (width > 45rem) {
   .c-search-form {
     &:popover-open {