/* Egna justeringar för ryggnackelaser.se
   Laddas sist, efter Nicepages stilmallar, så att dessa regler vinner.
   Hålls i en egen fil i stället för i den genererade CSS:en — den är på
   913 kB och skrivs över varje gång sajten speglas om. */

/* ── Sidhuvudet ───────────────────────────────────────────────────────────────
   Nicepage placerade menyn med `margin: -51px 294px 0 auto`. Den negativa
   toppmarginalen drog upp menyraden ovanpå logotypen, och högermarginalen
   sköt den ur mitten. Här staplas i stället logotyp, meny och underrubrik
   under varandra, alla centrerade och utan överlapp. */

.u-header .u-sheet-1 {
  min-height: 0 !important;
  padding-bottom: 14px;
}

.u-header .u-image-1 {          /* logotypen */
  float: none !important;
  margin: 18px auto 0 !important;
}

.u-header .u-menu-1 {           /* menyraden */
  float: none !important;
  width: auto !important;
  margin: 14px auto 0 !important;
  display: flex !important;
  justify-content: center !important;
}

.u-header .u-menu-1 .u-nav {
  justify-content: center !important;
}

.u-header .u-text-1 {           /* underrubriken under logotypen */
  float: none !important;
  margin: 12px auto 18px !important;
  text-align: center !important;
  max-width: 640px;
}

/* Bokadirekt-logotypen är borttagen ur sidan; regeln finns kvar i den
   genererade CSS:en och skulle annars reservera tom yta. */
.u-header .u-image-2 { display: none !important; }

/* På smala skärmar tar hamburgermenyn över — då ska inget centreringstvång
   ligga kvar som gör knappen svår att träffa. */
@media (max-width: 767px) {
  .u-header .u-menu-1 {
    margin: 10px auto 0 !important;
  }
}