Fix print issues on layout-super-navigation-header

- Background should always print transparent
- Foreground should always print black
- Remove top border
- Add bottom border to match new changes in cross service header
- Remove left/right margins not required for print

Note the use of the :has selector to remove the border and add a left indent
only if the component contains the hidden 'GOV.UK' text. Variants that have
hidden logo text are only used on the homepage, and need an adjusted design
for print so that the crown logo lines up with the intro text below.

Author: matthillco

app/assets/stylesheets/govuk_publishing_components/components/_layout-super-navigation-header.scss

@@ -986,9 +986,23 @@ $after-button-padding-left: govuk-spacing(4);
 
 @include govuk-media-query($media-type: print) {
   .gem-c-layout-super-navigation-header {
-    border-top: 1pt solid $govuk-print-text-colour;
-    margin: 0;
-    background-color: none;
+    border-top: 0;
+    border-bottom: 2pt solid $govuk-print-text-colour;
+    margin: 0 0 5mm;
+    background-color: transparent;
+
+    &:has(.gem-c-layout-super-navigation-header__header-logo .govuk-visually-hidden) {
+      border: 0;
+      margin-left: 24px;
+    }
+
+    * {
+      color: $govuk-print-text-colour;
+    }
+
+    .govuk-width-container {
+      margin: 0;
+    }
   }
 
   .gem-c-layout-super-navigation-header__header-logo {