/* Startverket navbar v2: same global navigation, centered mega panel. */
@media(min-width:1280px){
[data-site-header].sv-navbar-v2{background:transparent!important;padding:0!important;position:sticky;top:0;height:92px;margin-bottom:-92px;z-index:60;transition:background-color .48s cubic-bezier(.22,.72,.2,1),box-shadow .48s cubic-bezier(.22,.72,.2,1),-webkit-backdrop-filter .48s cubic-bezier(.22,.72,.2,1),backdrop-filter .48s cubic-bezier(.22,.72,.2,1)}
[data-site-header].sv-navbar-v2 [data-site-container]{width:100%;max-width:none!important;height:100%;padding:0!important;margin-inline:auto}
[data-site-header].sv-navbar-v2 [data-site-header-card]{display:grid!important;grid-template-columns:minmax(188px,.84fr) auto minmax(375px,1.16fr);align-items:center;gap:12px;min-height:92px;height:92px;padding:0 54px!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important}
[data-site-header].sv-navbar-v2 [data-site-header-card]>a:first-child{justify-self:start}
[data-site-header].sv-navbar-v2 [data-site-header-card]>a:first-child img{width:220px!important;max-width:100%;height:auto;transform:scale(var(--sv-logo-scale,1.72));transform-origin:left top;transition:transform .18s ease-out!important;will-change:transform}
[data-site-header].sv-navbar-v2 nav[aria-label="Huvudnavigation"]{justify-self:center;display:flex;align-items:center;gap:30px!important}
[data-site-header].sv-navbar-v2 nav[aria-label="Huvudnavigation"]>a,[data-site-header].sv-navbar-v2 nav[aria-label="Huvudnavigation"]>div>button{font-size:16px;min-height:48px;font-weight:700;letter-spacing:-.01em}
[data-site-header].sv-navbar-v2 nav[aria-label="Huvudnavigation"]>div>button{padding:12px 13px!important;border-radius:11px}
[data-site-header].sv-navbar-v2 nav[aria-label="Huvudnavigation"]>div.sv-mega-group>button{background:#f0eaff;color:#5b3be9!important}
[data-site-header].sv-navbar-v2 nav[aria-label="Huvudnavigation"]>div.sv-mega-group>button:hover{background:#e8dfff}
[data-site-header].sv-navbar-v2 nav[aria-label="Huvudnavigation"]>div>button>span:last-child{display:none}
[data-site-header].sv-navbar-v2 .sv-navbar-actions{display:flex!important;align-items:center;justify-self:end;gap:12px}
[data-site-header].sv-navbar-v2 .sv-navbar-actions>a{height:44px;min-height:44px!important;border-radius:11px;font-size:13px;font-weight:750;white-space:nowrap}
[data-site-header].sv-navbar-v2 .sv-navbar-actions>a:last-child{padding:0 23px!important;background:linear-gradient(105deg,#5946ff,#9162ff)!important;color:#fff!important;box-shadow:0 9px 24px rgba(83,61,230,.35)!important}
[data-site-header].sv-navbar-v2 .sv-navbar-actions>a:last-child:hover{filter:brightness(1.09);transform:translateY(-2px)}
[data-site-header].sv-navbar-v2 .sv-navbar-actions>a:first-of-type{padding:0 21px!important}
[data-site-header].sv-navbar-v2 .sv-navbar-actions>a:first-of-type:hover{filter:brightness(1.06);transform:translateY(-2px)}
}

/* Match approved reference proportions on wide desktops. */
@media(min-width:1500px){
[data-site-header].sv-navbar-v2 [data-site-container]{max-width:none!important;padding:0!important}
[data-site-header].sv-navbar-v2 [data-site-header-card]{padding-left:54px!important;padding-right:54px!important}
[data-site-header].sv-navbar-v2 .sv-navbar-actions{gap:16px}
[data-site-header].sv-navbar-v2 .sv-navbar-actions>a:first-of-type{padding:0 23px!important}
[data-site-header].sv-navbar-v2 nav[aria-label="Huvudnavigation"]{transform:none}
}
@media(min-width:1280px) and (max-width:1499px){
[data-site-header].sv-navbar-v2 nav[aria-label="Huvudnavigation"]{gap:15px!important}
[data-site-header].sv-navbar-v2 [data-site-header-card]>a:first-child img{width:180px!important}
[data-site-header].sv-navbar-v2 .sv-navbar-actions{gap:7px}
[data-site-header].sv-navbar-v2 .sv-navbar-actions>a:last-child{padding:0 13px!important}
}


/* SV_TRANSPARENT_NAVBAR — transparent above the hero, edge-to-edge on scroll. */
[data-site-header].sv-navbar-v2 [data-site-header-card]{
 background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;
}
@media(max-width:1499px) and (min-width:1280px){
 [data-site-header].sv-navbar-v2 [data-site-header-card]{padding:0 28px!important}
}
@media(max-width:1279px){
 [data-site-header].sv-navbar-v2{position:sticky;top:0;height:80px;margin-bottom:-80px;padding:0!important;background:transparent!important;z-index:60}
 [data-site-header].sv-navbar-v2 [data-site-container]{width:100%;max-width:none!important;height:80px;padding:0!important}
 [data-site-header].sv-navbar-v2 [data-site-header-card]{height:80px;min-height:80px;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;padding:0 20px!important}
}

/* Blend the transparent hero header into its white scrolled state continuously. */
[data-site-header].sv-navbar-v2{
 background:rgba(255,255,255,var(--sv-scroll-progress,0))!important;
 box-shadow:0 8px 28px rgba(8,18,43,var(--sv-shadow-alpha,0));
 -webkit-backdrop-filter:blur(var(--sv-header-blur,0px));backdrop-filter:blur(var(--sv-header-blur,0px));
 transition:background-color 0s,box-shadow 0s,-webkit-backdrop-filter 0s,backdrop-filter 0s!important;
}
[data-site-header].sv-navbar-v2 [data-site-header-card]>a:first-child img{
 filter:brightness(var(--sv-ink-progress,0)) invert(calc(1 - var(--sv-ink-progress,0)));
 transition:filter 0s,transform .18s ease-out!important;
}
[data-site-header].sv-navbar-v2 nav[aria-label="Huvudnavigation"]>a,
[data-site-header].sv-navbar-v2 nav[aria-label="Huvudnavigation"]>div>button{
 color:color-mix(in srgb,#fff calc(100% - var(--sv-ink-percent,0%)),#11162A var(--sv-ink-percent,0%))!important;
}
[data-site-header].sv-navbar-v2 nav[aria-label="Huvudnavigation"]>div.sv-mega-group>button{
 color:color-mix(in srgb,#fff calc(100% - var(--sv-ink-percent,0%)),#5b3be9 var(--sv-ink-percent,0%))!important;
 background:color-mix(in srgb,rgba(255,255,255,.15) calc(100% - var(--sv-ink-percent,0%)),#f0eaff var(--sv-ink-percent,0%))!important;
}
[data-site-header].sv-navbar-v2 .sv-navbar-actions>a:first-of-type{
 color:color-mix(in srgb,#17224b calc(100% - var(--sv-ink-percent,0%)),#fff var(--sv-ink-percent,0%))!important;
 background:color-mix(in srgb,#f3efff calc(100% - var(--sv-ink-percent,0%)),#20336b var(--sv-ink-percent,0%))!important;
 border-color:color-mix(in srgb,#ded2ff calc(100% - var(--sv-ink-percent,0%)),#20336b var(--sv-ink-percent,0%))!important;
 box-shadow:0 8px 22px rgba(9,16,46,.16)!important;
}
[data-site-header].sv-navbar-v2 [data-site-header-card] [class~="xl:hidden"]>button{
 color:color-mix(in srgb,#fff calc(100% - var(--sv-ink-percent,0%)),#11162a var(--sv-ink-percent,0%))!important;
 background:color-mix(in srgb,rgba(255,255,255,.12) calc(100% - var(--sv-scroll-percent,0%)),#fff var(--sv-scroll-percent,0%))!important;
 border-color:color-mix(in srgb,rgba(255,255,255,.5) calc(100% - var(--sv-scroll-percent,0%)),#cfd2dc var(--sv-scroll-percent,0%))!important;
}
[data-site-header].sv-navbar-v2 nav[aria-label="Huvudnavigation"]>a,
[data-site-header].sv-navbar-v2 nav[aria-label="Huvudnavigation"]>div>button,
[data-site-header].sv-navbar-v2 .sv-navbar-actions>a,
[data-site-header].sv-navbar-v2 [data-site-header-card] [class~="xl:hidden"]>button{
 transition:color 0s,background-color 0s,border-color 0s!important;
}

/* Keep inner page subnavigation clear of the transparent header. */
body:not(.home) [data-site-header].sv-navbar-v2{margin-bottom:0!important}

/* Mobile-only navigation refresh. Desktop navigation remains untouched. */
@media(max-width:767px){
 [data-site-header].sv-navbar-v2 nav[aria-label="Mobil huvudnavigation"]{
  inset-inline:12px!important;
  top:calc(100% + 8px)!important;
  width:auto!important;
  max-height:calc(100dvh - 112px)!important;
  padding:12px!important;
  overflow-y:auto;
  overscroll-behavior:contain;
  border:1px solid rgba(220,222,235,.9)!important;
  border-radius:22px!important;
  background:rgba(255,255,255,.97)!important;
  box-shadow:0 22px 65px rgba(8,18,43,.24),0 3px 12px rgba(35,24,82,.08)!important;
  -webkit-backdrop-filter:blur(18px);
  backdrop-filter:blur(18px);
  scrollbar-width:thin;
  scrollbar-color:#c9baff transparent;
 }
 [data-site-header].sv-navbar-v2 nav[aria-label="Mobil huvudnavigation"]>div:first-child{
  display:grid;
  gap:5px!important;
 }
 [data-site-header].sv-navbar-v2 nav[aria-label="Mobil huvudnavigation"]>div:first-child>div>button{
  min-height:54px;
  padding:0 15px!important;
  border-radius:14px!important;
  font-size:15px;
  color:#111a31;
  transition:background-color .18s ease,color .18s ease,transform .18s ease;
 }
 [data-site-header].sv-navbar-v2 nav[aria-label="Mobil huvudnavigation"]>div:first-child>div>button[aria-expanded="true"]{
  background:#f3efff;
  color:#5b3be9;
 }
 [data-site-header].sv-navbar-v2 nav[aria-label="Mobil huvudnavigation"]>div:first-child>a:not([class*="mt-"]){
  display:flex;
  align-items:center;
  min-height:54px;
  padding:0 15px!important;
  border-radius:14px!important;
  font-size:15px;
 }
 [data-site-header].sv-navbar-v2 nav[aria-label="Mobil huvudnavigation"] [id$="-services"]>div>div,
 [data-site-header].sv-navbar-v2 nav[aria-label="Mobil huvudnavigation"] [id$="-about"]>div>div{
  margin:2px 0 8px!important;
  padding:7px!important;
  border-radius:16px!important;
  background:linear-gradient(145deg,#faf8ff,#f5f2ff)!important;
 }
 [data-site-header].sv-navbar-v2 nav[aria-label="Mobil huvudnavigation"] [id$="-services"] a,
 [data-site-header].sv-navbar-v2 nav[aria-label="Mobil huvudnavigation"] [id$="-about"] a{
  min-height:52px;
  border-radius:12px!important;
 }
 [data-site-header].sv-navbar-v2 nav[aria-label="Mobil huvudnavigation"]>div:first-child>a[class*="mt-2"]{
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:52px;
  margin-top:7px!important;
  padding:0 14px!important;
  border:1px solid #d8caff!important;
  border-radius:14px!important;
  background:#eee9ff!important;
  color:#3723a2!important;
  box-shadow:0 5px 14px rgba(62,43,150,.12);
  font-size:14px;
 }
 [data-site-header].sv-navbar-v2 nav[aria-label="Mobil huvudnavigation"]>div:first-child>a[class*="mt-2"]:last-child{
  border:0!important;
  background:linear-gradient(105deg,#5946ff,#9162ff)!important;
  color:#fff!important;
  box-shadow:0 9px 22px rgba(83,61,230,.32);
 }
 [data-site-header].sv-navbar-v2 [data-site-header-card] [class~="xl:hidden"]>button{
  width:46px;
  height:46px;
  border-radius:14px!important;
  background:rgba(255,255,255,.86)!important;
  box-shadow:0 3px 12px rgba(8,18,43,.07);
  transition:transform .2s ease,background-color .2s ease,box-shadow .2s ease;
 }
 [data-site-header].sv-navbar-v2 [data-site-header-card] [class~="xl:hidden"]>button[aria-expanded="true"]{
  background:#f0eaff!important;
  box-shadow:0 4px 15px rgba(105,75,245,.16);
 }
 [data-site-header].sv-navbar-v2 [data-site-header-card] [class~="xl:hidden"]>button[aria-expanded="true"] svg{
  transform:rotate(90deg);
  transition:transform .2s ease;
 }
}
@media(max-width:767px) and (max-height:560px){
 [data-site-header].sv-navbar-v2 nav[aria-label="Mobil huvudnavigation"]{max-height:calc(100dvh - 96px)!important}
 body.admin-bar [data-site-header].sv-navbar-v2 nav[aria-label="Mobil huvudnavigation"]{max-height:calc(100dvh - 142px)!important}
}
@media(max-width:767px){
 body.admin-bar [data-site-header].sv-navbar-v2 nav[aria-label="Mobil huvudnavigation"]{max-height:calc(100dvh - 158px)!important}
}
@media(max-width:782px){
 body.admin-bar.sv-adminbar-scrolled [data-site-header].sv-navbar-v2{top:0!important}
 body.admin-bar.sv-adminbar-scrolled:has([data-site-header].sv-navbar-v2 button[aria-expanded="true"])::before{inset:80px 0 0}
}

/* Tablet header: keep the logo, desktop links, and actions together between mobile and wide desktop. */
@media(min-width:1024px) and (max-width:1279px){
 [data-site-header].sv-navbar-v2{height:80px;margin-bottom:-80px}
 [data-site-header].sv-navbar-v2 [data-site-container]{width:100%;height:80px;padding:0!important}
 [data-site-header].sv-navbar-v2 [data-site-header-card]{display:grid!important;grid-template-columns:150px minmax(0,1fr) auto;align-items:center;gap:12px;height:80px;min-height:80px;padding:0 20px!important}
 [data-site-header].sv-navbar-v2 [data-site-header-card]>a:first-child img{width:120px!important;transform:scale(1.3)!important}
 [data-site-header].sv-navbar-v2 nav[aria-label="Huvudnavigation"]{display:flex!important;justify-self:center;gap:10px!important;min-width:0}
 [data-site-header].sv-navbar-v2 nav[aria-label="Huvudnavigation"]>a,[data-site-header].sv-navbar-v2 nav[aria-label="Huvudnavigation"]>div>button{min-height:40px;padding:8px 5px!important;font-size:13px}
 [data-site-header].sv-navbar-v2 nav[aria-label="Huvudnavigation"]>div>button{padding-inline:8px!important}
 [data-site-header].sv-navbar-v2 .sv-navbar-actions{display:flex!important;justify-self:end;gap:7px}
 [data-site-header].sv-navbar-v2 .sv-navbar-actions>a{height:40px;min-height:40px!important;padding-inline:12px!important;font-size:12px}
 [data-site-header].sv-navbar-v2 [data-site-header-card]>div.xl\:hidden{display:none!important}
}

/* Below tablet width, use the compact menu instead of letting desktop links crowd the hero. */
@media(min-width:768px) and (max-width:1023px){
 [data-site-header].sv-navbar-v2{height:80px;margin-bottom:-80px}
 [data-site-header].sv-navbar-v2 [data-site-container]{height:80px;padding:0!important}
 [data-site-header].sv-navbar-v2 [data-site-header-card]{display:flex!important;height:80px;min-height:80px;justify-content:space-between;padding:0 24px!important}
 [data-site-header].sv-navbar-v2 [data-site-header-card]>a:first-child img{width:145px!important;transform:scale(1.1)!important}
 [data-site-header].sv-navbar-v2 nav[aria-label="Huvudnavigation"],[data-site-header].sv-navbar-v2 .sv-navbar-actions{display:none!important}
 [data-site-header].sv-navbar-v2 [data-site-header-card]>div.xl\:hidden{display:block!important}
}

/* Make the open mobile menu read as a distinct, opaque layer above page content. */
@media(max-width:767px){
 body:has([data-site-header].sv-navbar-v2 button[aria-expanded="true"])::before{
  position:fixed;
  inset:80px 0 0;
  z-index:59;
  content:"";
  background:rgba(8,18,43,.34);
  backdrop-filter:blur(2px);
  pointer-events:none;
 }
 body.admin-bar:has([data-site-header].sv-navbar-v2 button[aria-expanded="true"])::before{inset:126px 0 0}
 [data-site-header].sv-navbar-v2:has(button[aria-expanded="true"]){
  background:#fff!important;
  box-shadow:0 4px 18px rgba(8,18,43,.08)!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
 }
 [data-site-header].sv-navbar-v2:has(button[aria-expanded="true"]) [data-site-header-card]{background:#fff!important}
 [data-site-header].sv-navbar-v2:has(button[aria-expanded="true"]) [data-site-header-card]>a:first-child img{filter:none!important}
 [data-site-header].sv-navbar-v2 nav[aria-label="Mobil huvudnavigation"]{
  left:12px!important;
  right:12px!important;
  z-index:70!important;
  background:#fff!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
 }
}

/* High-contrast mobile controls and a more deliberate menu hierarchy. */
@media(max-width:767px){
 [data-site-header].sv-navbar-v2 [data-site-header-card] [class~="xl:hidden"]>button{
  position:relative;
  color:#5a4dff!important;
  background:#fff!important;
  border:1px solid #d9cffc!important;
  box-shadow:0 4px 14px rgba(45,30,100,.14)!important;
 }
 [data-site-header].sv-navbar-v2 [data-site-header-card] [class~="xl:hidden"]>button[aria-expanded="true"]{
  color:#fff!important;
  background:#5a4dff!important;
  border-color:#5a4dff!important;
 }
 [data-site-header].sv-navbar-v2 [data-site-header-card] [class~="xl:hidden"]>button[aria-expanded="true"] svg{
  opacity:0;
  transform:none!important;
 }
 [data-site-header].sv-navbar-v2 [data-site-header-card] [class~="xl:hidden"]>button[aria-expanded="true"]::before,
 [data-site-header].sv-navbar-v2 [data-site-header-card] [class~="xl:hidden"]>button[aria-expanded="true"]::after{
  position:absolute;
  left:50%;
  top:50%;
  width:19px;
  height:2px;
  content:"";
  border-radius:2px;
  background:#fff;
 }
 [data-site-header].sv-navbar-v2 [data-site-header-card] [class~="xl:hidden"]>button[aria-expanded="true"]::before{transform:translate(-50%,-50%) rotate(45deg)}
 [data-site-header].sv-navbar-v2 [data-site-header-card] [class~="xl:hidden"]>button[aria-expanded="true"]::after{transform:translate(-50%,-50%) rotate(-45deg)}
 [data-site-header].sv-navbar-v2 nav[aria-label="Mobil huvudnavigation"]::before{
  display:block;
  padding:6px 12px 12px;
  border-bottom:1px solid #eeeaf7;
  color:#756b8e;
  content:"MENY";
  font-size:11px;
  font-weight:800;
  letter-spacing:.14em;
 }
 [data-site-header].sv-navbar-v2 nav[aria-label="Mobil huvudnavigation"]>div:first-child>div>button,
 [data-site-header].sv-navbar-v2 nav[aria-label="Mobil huvudnavigation"]>div:first-child>a:not([class*="mt-"]){
  background:#f8f7fc;
  border:1px solid #f0eef6;
 }
 [data-site-header].sv-navbar-v2 nav[aria-label="Mobil huvudnavigation"]>div:first-child>div>button[aria-expanded="true"]{
  border-color:#e3d9ff;
  background:#f1edff;
 }
}

/* Highlight only the section represented by the current route. */
[data-site-header].sv-navbar-v2 nav[aria-label="Huvudnavigation"]>div.sv-mega-group>button{
 background:transparent!important;
 color:color-mix(in srgb,#fff calc(100% - var(--sv-ink-percent,0%)),#11162a var(--sv-ink-percent,0%))!important;
}
[data-site-header].sv-navbar-v2 nav[aria-label="Huvudnavigation"]>a{
 display:inline-flex;
 align-items:center;
 padding-inline:12px!important;
 border-radius:11px;
}
body.sv-nav-services-active [data-site-header].sv-navbar-v2 nav[aria-label="Huvudnavigation"]>div.sv-mega-group>button,
body.sv-nav-cases-active [data-site-header].sv-navbar-v2 nav[aria-label="Huvudnavigation"]>a[href="/kundcase"],
body.sv-nav-knowledge-active [data-site-header].sv-navbar-v2 nav[aria-label="Huvudnavigation"]>a[href="/kunskap"],
body.sv-nav-about-active [data-site-header].sv-navbar-v2 nav[aria-label="Huvudnavigation"]>div.sv-about-group>button{
 background:#7351ef!important;
 color:#fff!important;
}
body.sv-nav-services-active [data-site-header].sv-navbar-v2 nav[aria-label="Huvudnavigation"]>div.sv-mega-group>button:hover,
body.sv-nav-cases-active [data-site-header].sv-navbar-v2 nav[aria-label="Huvudnavigation"]>a[href="/kundcase"]:hover,
body.sv-nav-knowledge-active [data-site-header].sv-navbar-v2 nav[aria-label="Huvudnavigation"]>a[href="/kunskap"]:hover,
body.sv-nav-about-active [data-site-header].sv-navbar-v2 nav[aria-label="Huvudnavigation"]>div.sv-about-group>button:hover{
 background:#6240dd!important;
 color:#fff!important;
}
body.sv-nav-services-active [data-site-header].sv-navbar-v2 nav[aria-label="Mobil huvudnavigation"] button[aria-controls$="-services"],
body.sv-nav-cases-active [data-site-header].sv-navbar-v2 nav[aria-label="Mobil huvudnavigation"]>div>a[href="/kundcase"],
body.sv-nav-knowledge-active [data-site-header].sv-navbar-v2 nav[aria-label="Mobil huvudnavigation"]>div>a[href="/kunskap"],
body.sv-nav-about-active [data-site-header].sv-navbar-v2 nav[aria-label="Mobil huvudnavigation"] button[aria-controls$="-about"]{
 background:#eee8ff!important;
 border-color:#c8b8ff!important;
 color:#5432c7!important;
}
[data-site-header].sv-navbar-v2 nav[aria-label="Mobil huvudnavigation"] [id$="-services"] a[aria-current="page"],
[data-site-header].sv-navbar-v2 nav[aria-label="Mobil huvudnavigation"] [id$="-services"] a[aria-current="location"]{
 background:#eee8ff!important;
 color:#5432c7!important;
}