/* Shared premium navigation - October 2026. Scoped to avoid changing page layouts. */
.iu-site-header{position:relative;z-index:1000;background:#fff;border-bottom:1px solid #e6eeec;color:#15313b;font-family:'DM Sans',sans-serif}.iu-header-inner{min-height:88px;display:flex;align-items:center;gap:22px;justify-content:space-between}.iu-brand{display:inline-flex;align-items:center;gap:11px;min-width:0;flex-shrink:0}.iu-brand-wifi{color:#07977c;flex-shrink:0}.iu-brand-wordmark{display:flex;flex-direction:column;gap:3px}.iu-brand-wordmark strong{font:800 clamp(19px,1.75vw,25px)/1.08 Manrope,sans-serif;letter-spacing:-1.1px;white-space:nowrap}.iu-brand-wordmark strong span{color:#008c77}.iu-brand-wordmark small{font-size:8px;font-weight:800;letter-spacing:1px;white-space:nowrap;color:#48676b}.iu-primary-nav{display:flex;align-items:center;gap:4px;margin-left:auto}.iu-nav-group{position:relative}.iu-nav-group>summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:7px;padding:14px 10px;border-radius:12px;font-size:13px;font-weight:800;white-space:nowrap}.iu-nav-group>summary::-webkit-details-marker{display:none}.iu-nav-group>summary span{font-size:18px;color:#466d68}.iu-nav-group[open]>summary,.iu-nav-group>summary:hover{background:#eaf6f2;color:#006e61}.iu-nav-dropdown{position:absolute;top:calc(100% + 14px);left:50%;transform:translateX(-50%);width:310px;max-height:min(65vh,520px);overflow:auto;background:white;border:1px solid #dce9e4;border-radius:17px;box-shadow:0 21px 55px #0d30302e;padding:10px;z-index:2000}.iu-nav-dropdown:before{content:'';position:absolute;top:0;left:0;right:0;height:1px}.iu-nav-option{display:block;padding:11px 13px;border-radius:10px}.iu-nav-option:hover,.iu-nav-option:focus-visible{background:#edf8f4}.iu-nav-option strong{display:block;font-size:13px;color:#18363b}.iu-nav-option small{display:block;color:#6b817e;font-size:11px;margin-top:4px;line-height:1.35}.iu-header-cta{display:flex;align-items:center;gap:10px;background:#008e7a;color:white!important;padding:12px 16px;border-radius:13px;white-space:nowrap;flex-shrink:0;box-shadow:0 8px 20px #007b6830}.iu-header-cta:hover{background:#007766}.iu-header-cta>span:first-child{font-size:24px}.iu-header-cta strong,.iu-header-cta small{display:block}.iu-header-cta strong{font-size:12px}.iu-header-cta small{font-size:10px;opacity:.87;margin-top:4px}.iu-mobile-toggle{display:none;border:1px solid #d6e5df;border-radius:10px;background:#fff;padding:11px;width:44px;height:44px;cursor:pointer;flex-direction:column;gap:5px;align-items:center;justify-content:center}.iu-mobile-toggle span{display:block;width:20px;height:2px;background:#16363b;border-radius:3px}.iu-mobile-drawer[hidden]{display:none!important}.iu-mobile-drawer{display:none}.iu-site-header a:focus-visible,.iu-site-header summary:focus-visible,.iu-mobile-toggle:focus-visible{outline:3px solid #72c9aa;outline-offset:2px}
@media(max-width:1200px){.iu-header-inner{gap:13px}.iu-primary-nav{gap:0}.iu-nav-group>summary{padding:12px 7px;font-size:12px}.iu-brand-wordmark small{letter-spacing:.3px}.iu-header-cta{padding:11px}}
@media(max-width:1000px){.iu-header-inner{min-height:72px}.iu-primary-nav,.iu-header-cta{display:none}.iu-mobile-toggle{display:flex;margin-left:auto}.iu-mobile-drawer{display:block;position:absolute;left:0;right:0;top:100%;padding:12px 22px 22px;background:#fff;box-shadow:0 20px 35px #102d2b29;border-top:1px solid #e2ede9;max-height:calc(100dvh - 72px);overflow:auto}.iu-mobile-group{border-bottom:1px solid #e6efea}.iu-mobile-group>summary{cursor:pointer;font-size:15px;font-weight:800;padding:17px 5px;list-style:none;display:flex;justify-content:space-between}.iu-mobile-group>summary::after{content:'+';font-size:20px;color:#008e7a}.iu-mobile-group[open]>summary::after{content:'−'}.iu-mobile-group>summary::-webkit-details-marker{display:none}.iu-mobile-group>div{display:grid;padding:0 6px 12px 16px;gap:2px}.iu-mobile-group a{font-size:14px;padding:11px 8px;color:#365a56}.iu-mobile-group a:hover{color:#007966}.iu-mobile-cta{display:block;text-align:center;background:#008e7a;color:#fff!important;padding:15px;border-radius:13px;font-weight:800;margin-top:18px}}
@media(max-width:480px){.iu-brand-wifi{width:35px;height:35px}.iu-brand-wordmark strong{font-size:18px;letter-spacing:-.9px}.iu-brand-wordmark small{font-size:6.5px;letter-spacing:0}.iu-header-inner{gap:7px}.iu-brand{gap:7px}}

/* Header alignment and hover dropdown refinement */
.iu-site-header .iu-nav-group>summary{display:inline-flex;align-items:center;justify-content:center;gap:8px;line-height:1.3;vertical-align:middle}
.iu-site-header .iu-nav-chevron{display:inline-block;flex:0 0 7px;width:7px;height:7px;border:solid #52716b;border-width:0 1.8px 1.8px 0;transform:translateY(-2px) rotate(45deg);transition:transform .16s ease}
.iu-site-header .iu-nav-group[open]>summary .iu-nav-chevron{transform:translateY(1px) rotate(225deg)}
.iu-site-header .iu-nav-dropdown{top:100%;margin-top:0;left:50%}
.iu-site-header .iu-nav-group>summary{min-height:48px}
.iu-site-header .iu-header-inner{align-items:center}
@media(prefers-reduced-motion:reduce){.iu-site-header .iu-nav-chevron{transition:none}}


/* Centrer header på alle CMS-sider */
header.topbar.container {
  width: min(1160px, calc(100% - 44px)) !important;
  max-width: 1160px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  box-sizing: border-box;
}

@media (max-width: 640px) {
  header.topbar.container {
    width: calc(100% - 32px) !important;
  }
}

/* FIX v4: width independent of each page's .container implementation. */
.iu-site-header > .iu-header-inner,
.iu-site-header > .container.iu-header-inner {
  width: min(1320px, calc(100% - 48px)) !important;
  max-width: 1320px !important;
  margin-inline: auto !important;
  padding-inline: 0 !important;
  box-sizing: border-box !important;
}
@media (max-width: 1000px) {
  .iu-site-header > .iu-header-inner,
  .iu-site-header > .container.iu-header-inner { width: calc(100% - 36px) !important; }
}
@media (max-width: 640px) {
  .iu-site-header > .iu-header-inner,
  .iu-site-header > .container.iu-header-inner { width: calc(100% - 28px) !important; }
}
