/* Ported verbatim from handoff-2026/assets/header-2026.css (2026-09-22). */
/* Header 2026: radie på bar + omdesignad megameny. Laddas efter base-2026.css (+ vnce.css). Aktiveras med body.hdr26 */
/* header: liten radie på bar och knapp (sidor 2026) */
body.hdr26 .mh-bar{border-radius:6px;overflow:hidden}
body.hdr26 .mh-sheet{border-radius:6px}
/* ---- megameny (sidor 2026) ---- */
@media(min-width:1081px){
body.hdr26 .mega{background:#0E0E11;border:1px solid rgba(255,255,255,.08);border-top:0;border-radius:0 0 6px 6px;padding:clamp(32px,3.6vw,56px) clamp(32px,4vw,64px) clamp(28px,3vw,44px);box-shadow:0 40px 100px rgba(0,0,0,.6)}
body.hdr26 .mega-in{grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(28px,3.4vw,56px) clamp(24px,3vw,48px)}
body.hdr26 .mega-col{background:none;min-height:0;gap:0}
body.hdr26 .mega-col>h4{background:none;padding:0 0 18px;font:400 15px var(--font);letter-spacing:0;text-transform:none;color:#8A8F96}
body.hdr26 .mega-col>h4::after{content:none}
body.hdr26 .mega-col a{padding:9px 0;transition:color .15s,transform .25s cubic-bezier(.2,.8,.2,1)}
body.hdr26 .mega-col a:first-of-type{padding-top:9px}
body.hdr26 .mega-col a:hover{background:none;transform:translateX(6px)}
body.hdr26 .mega-col a b{font:400 clamp(20px,1.6vw,28px)/1.15 var(--font);letter-spacing:-.02em;color:#F8F8F8}
body.hdr26 .mega-col a:hover b{color:#8FB5FF}
body.hdr26 .mega-col a span{display:none}
body.hdr26 .mega-note{grid-column:1/-1;position:relative;isolation:isolate;overflow:hidden;min-height:0;border-radius:6px;padding:clamp(18px,2vw,28px) clamp(24px,2.6vw,40px);background:#1E5CFF;color:#fff;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:clamp(16px,2vw,32px)}
body.hdr26 .mega-note::before{content:"";position:absolute;inset:0;z-index:0;background:linear-gradient(90deg,#1E5CFF 0 30%,#0B1A4A 32% 40%,#3D8BFF 44% 55%,#0E2A7A 60% 68%,#1E5CFF 72% 100%);filter:blur(22px)}
body.hdr26 .mega-note::after{content:"";position:absolute;inset:0;z-index:1;background:var(--grain);background-size:240px;opacity:.35;mix-blend-mode:soft-light}
body.hdr26 .mega-note>*{position:relative;z-index:2}
body.hdr26 .mega-note .eyebrow,html body.hdr26 .mh .mega-note .eyebrow{font:600 clamp(20px,1.9vw,30px)/1 var(--font)!important;letter-spacing:-.03em!important;text-transform:none!important;color:#fff!important;white-space:nowrap}
body.hdr26 .mega-note p{margin:0;font-size:clamp(14px,1.05vw,17px);color:rgba(255,255,255,.9);max-width:60ch}
body.hdr26 .mega-note .btn{margin-top:0;white-space:nowrap;background:#fff!important;color:#08080C!important;border:0!important;box-shadow:none!important;border-radius:5px}
body.hdr26 .mega-note .btn:hover{background:#F0F0F0!important;color:#08080C!important}
}

/* ljus variant (semilight) */
@media(min-width:1081px){
html[data-hdl-theme=semilight] body.hdr26 .mega{background:#fff;border-color:#E3E6E8;box-shadow:0 40px 100px rgba(16,24,40,.18)}
html[data-hdl-theme=semilight] body.hdr26 .mega-col{background:none}
html[data-hdl-theme=semilight] body.hdr26 .mega-col>h4{background:none;color:#7A7E83}
html[data-hdl-theme=semilight] body.hdr26 .mega-col a b{color:#1D1D1D}
html[data-hdl-theme=semilight] body.hdr26 .mega-col a:hover{background:none}
html[data-hdl-theme=semilight] body.hdr26 .mega-col a:hover b{color:#007BFF}
html[data-hdl-theme=semilight] body.hdr26 .mega-note{background:#1E5CFF}
}

/* 2026-09-22. The site's own mega menu separates its columns with a 1px
   --hdl-border rule (chrome.css); the handoff's 2026 menu has no dividers —
   the columns are held apart by the grid gap alone. Light pages follow the
   handoff. */
body.vnce.hdr26 .mega-col{border-inline-start:0;border-left:0}