/* 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;
  }
}

/* ── Sidmenyn ─────────────────────────────────────────────────────────────────
   BOKA TID är en knapp, inte ännu en menyrad. I den utfällbara sidmenyn låg
   den tätt inpå Kontakt och lästes som en del av länklistan. Luften ovanför
   skiljer knappen från navigeringen. Samma sak i den vågräta menyraden, där
   knappen annars ligger på samma avstånd som mellan två vanliga länkar. */

.u-sidenav .u-nav-2 > .u-nav-item:last-child {
  margin-top: 28px !important;
}

.u-header .u-nav-1 > .u-nav-item:last-child {
  margin-left: 18px !important;
}

/* ── Sidfoten ─────────────────────────────────────────────────────────────────
   Telefon och e-post står i sidfoten på varje sida. Bakgrunden är mörk, så
   länkarna ska ärva sidfotens ljusa text i stället för webbläsarens blå. */

.u-footer .u-text-1 a.u-sidfot-lank {
  color: inherit;
  text-decoration: none;
  border-bottom: 1px solid rgba(255, 255, 255, 0.45);
  white-space: nowrap;
}

.u-footer .u-text-1 a.u-sidfot-lank:hover,
.u-footer .u-text-1 a.u-sidfot-lank:focus {
  border-bottom-color: currentColor;
}

/* Kontaktuppgifterna på Kontakt-sidan står på ljus botten och ska följa
   brödtexten, inte webbläsarens standardblå. */

a.u-kontakt-lank {
  color: inherit;
  text-decoration: none;
  border-bottom: 1px solid rgba(0, 0, 0, 0.3);
  white-space: nowrap;
}

a.u-kontakt-lank:hover,
a.u-kontakt-lank:focus {
  border-bottom-color: currentColor;
}