/* ====== Magisk Siri-meny (mobil-first) ====== */
:root{ --nav-h:72px; --ink:#0a3a6a; --brand-1:#2b6cb0; --brand-2:#8a6cff; }
.site-nav{ position:sticky; top:0; z-index:40; background:rgba(180,217,255,.65); backdrop-filter:blur(10px); border-bottom:1px solid rgba(0,0,0,.06); }
.site-nav .wrap{ max-width:1100px; margin:auto; display:flex; align-items:center; justify-content:space-between; padding:10px 16px; height:var(--nav-h); }
.site-nav .brand{ display:flex; align-items:center; gap:8px; text-decoration:none; color:var(--ink); font-weight:700; }
.site-nav .brand img{ height:36px; width:auto; border-radius:10px; box-shadow:0 6px 16px rgba(0,0,0,.08); }
.burger{ display:grid; place-items:center; width:44px; height:44px; border-radius:12px; border:none; cursor:pointer; background:#ffffffbb; box-shadow:0 6px 16px rgba(0,0,0,.08); }
.burger svg rect{ fill:#205a94; }
.nav-overlay{ position:fixed; inset:0; background:rgba(15,19,35,.34); backdrop-filter:blur(6px); opacity:0; pointer-events:none; transition:opacity .25s ease; }
.nav-panel{ position:fixed; left:50%; transform:translateX(-50%) translateY(-10px) scale(.98); top:calc(var(--nav-h) + 8px); width:min(92vw,520px); max-height:calc(100dvh - var(--nav-h) - 24px); overflow:auto; background:#fff; border:1px solid rgba(0,0,0,.06); border-radius:20px; box-shadow:0 30px 60px rgba(0,0,0,.18); opacity:0; pointer-events:none; transition:opacity .2s ease, transform .2s ease; }
.nav-panel .nav-header{ display:flex; align-items:center; gap:10px; justify-content:space-between; padding:14px 16px; border-bottom:1px solid rgba(0,0,0,.06); }
.nav-panel .heart{ display:grid; place-items:center; width:32px; height:32px; border-radius:999px; color:#fff; background:radial-gradient(circle at 30% 30%, var(--brand-2), var(--brand-1)); box-shadow:0 6px 18px rgba(138,108,255,.35); }
.nav-panel .hello{ font-weight:700; color:var(--ink); }
.nav-panel .close{ font-size:22px; line-height:1; border:none; background:#f3f7ff; width:36px; height:36px; border-radius:10px; cursor:pointer; }
.nav-links{ display:grid; padding:10px 12px; }
.nav-links a{ padding:14px 12px; text-decoration:none; color:var(--ink); font-weight:700; border-radius:14px; }
.nav-links a:hover{ background:linear-gradient(90deg, #f3f7ff, #f8f4ff); }
.nav-open .nav-overlay{ opacity:1; pointer-events:auto; }
.nav-open .nav-panel{ opacity:1; pointer-events:auto; transform:translateX(-50%) translateY(0) scale(1); }
.nav-open{ overflow:hidden; }
@media (min-width: 980px){
  .burger, .nav-overlay { display:none !important; }
  .nav-panel{ position:static; transform:none; top:auto; width:auto; max-height:none; opacity:1; pointer-events:auto; background:transparent; border:0; box-shadow:none; }
  .nav-panel .nav-header{ display:none; }
  .nav-links{ display:flex; align-items:center; gap:18px; padding:0; }
  .nav-links a{ padding:10px 12px; border-radius:10px; }
  .nav-links a:hover{ background:rgba(255,255,255,0.6); }
}
html:not(.js) .nav-panel{ position:static; transform:none; width:auto; max-height:none; opacity:1; pointer-events:auto; background:transparent; border:0; box-shadow:none; }
html:not(.js) .nav-header, html:not(.js) .nav-overlay{ display:none; }
/* --- FIX: topp-padding + lag-på-lag for mobilmenyen --- */
@media (max-width: 979px){
  /* Sørg for at panelet alltid ligger OVER overlayet */
  .nav-overlay{ z-index: 1000; }
  .nav-panel{
    z-index: 1001;
    top: calc(var(--nav-h) + 6px);         /* litt luft under headeren */
    border-radius: 16px 16px 0 0;
  }

  /* Vis headeren i panelet for naturlig topp-luft (hjerte/“Lukk”) */
  .nav-panel .nav-header{
    display: flex !important;
    align-items: center;
    justify-content: space-between;
    padding: 12px 14px;
    border-bottom: 1px solid rgba(0,0,0,.08);
  }

  /* Ekstra topp-padding på lenkelista så ingenting skjules */
  .nav-links{
    padding: 14px 12px 18px;   /* <- viktig: topp = 14px */
    gap: 6px;
  }
}
/* ==== Endelig mobil-fix: fullskjerm, riktig z-index og topp-luft ==== */
:root { --nav-h: 56px; }

@media (max-width: 979px){
  .site-nav .wrap{
    position: relative;
    justify-content: center;
    align-items: center;
    height: var(--nav-h);
  }
  .site-nav .brand{
    position: absolute !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    margin: 0 !important;
    display: inline-flex;
    align-items: center;
    z-index: 2;
  }
  .burger{
    position: absolute;
    right: 16px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 3;
  }

  /* Lagrekkefølge */
  .nav-overlay{ z-index: 1000 !important; }
  .nav-panel{
    position: fixed !important;
    left: 0 !important; right: 0 !important;
    top: var(--nav-h) !important; bottom: 0 !important;
    width: auto !important; max-height: none !important;
    margin: 0 !important; padding: 0 !important;
    background: #fff !important;
    border: 0 !important;
    border-radius: 16px 16px 0 0 !important;
    box-shadow: 0 30px 60px rgba(0,0,0,.18) !important;
    transform: none !important;
    z-index: 1001 !important;
    overflow: hidden !important;
  }

  .nav-panel .nav-header{
    display: flex !important;
    align-items: center; justify-content: space-between;
    padding: 12px 14px;
    border-bottom: 1px solid rgba(0,0,0,.08);
  }

  .nav-links{
    padding: 14px 12px 18px !important;
    gap: 6px !important;
    max-height: calc(100dvh - var(--nav-h) - 56px) !important;
    overflow-y: auto !important;
    overscroll-behavior: contain !important;
  }

  /* Stabil oppførsel / ingen sideveis glidning */
  html, body { width:100%; max-width:100%; overflow-x:hidden; }
}

/* Desktop: stram menyen uten ekstra luft */
@media (min-width: 980px){
  .nav-panel{ position: static; transform:none; background:transparent; box-shadow:none; border:0; margin:0; padding:0; }
  .nav-panel .nav-header{ display:none; }
  .nav-links{
    display:flex; justify-content:center; align-items:center;
    gap:22px; padding:6px 0 8px; margin:0;
  }
  .nav-links a{ padding:8px 10px; border-radius:10px; }
}
/* Skjul hjerte og "Velkommen" i mobilmenyen */
@media (max-width: 979px){
  .nav-panel .nav-header { display: none !important; }
  .nav-links { padding-top: 14px; } /* litt luft når headeren er borte */
}
/* Skjul Fjernhealing på hele nettstedet – uansett URL-format */
.nav-links a[href$="fjernhealing"],
.nav-links a[href$="fjernhealing/"],
.nav-links a[href$="fjernhealing.html"],
.nav-links a[href*="/fjernhealing"] {
  display: none !important;
}