/* ITPlugg v19.43 — den tidigare fullständiga sidebaren är tillbaka på dator */
:root{--v1943-sidebar-w:252px;--v1943-sidebar-compact-w:78px}

html[data-itplugg-navigation="desktop"]{scroll-padding-top:20px}
html[data-itplugg-navigation="desktop"] .v1939-main-nav{display:none!important}
html[data-itplugg-navigation="desktop"] .v1919-dev-sidebar{
  display:flex!important;
  width:var(--v1943-sidebar-w)!important;
  transform:none!important;
  visibility:visible!important;
  opacity:1!important
}
html[data-itplugg-navigation="desktop"] .v1919-mobile-menu,
html[data-itplugg-navigation="desktop"] .v1919-dev-scrim{display:none!important}
html[data-itplugg-navigation="desktop"] body.v1919-nav-active,
html[data-itplugg-navigation="desktop"] body.v1919-nav-collapsed,
html[data-itplugg-navigation="desktop"] body.v1923-auto-compact{
  padding:0 0 0 var(--v1943-sidebar-w)!important;
  transition:none!important
}
html[data-itplugg-navigation="desktop"] body.v1919-nav-collapsed,
html[data-itplugg-navigation="desktop"] body.v1923-auto-compact{padding-left:var(--v1943-sidebar-compact-w)!important}
html[data-itplugg-navigation="desktop"] body.v1919-nav-collapsed .v1919-dev-sidebar,
html[data-itplugg-navigation="desktop"] body.v1923-auto-compact .v1919-dev-sidebar{width:var(--v1943-sidebar-compact-w)!important}
html[data-itplugg-navigation="desktop"] .home-screen,
html[data-itplugg-navigation="desktop"] #portalShell{width:min(var(--v1939-max),calc(100% - 32px))!important}
html[data-itplugg-navigation="desktop"] .home-screen{padding-top:22px!important}
html[data-itplugg-navigation="desktop"] .portal-topbar{top:8px!important}
html[data-itplugg-navigation="desktop"] nav[role="tablist"]{top:84px!important}
html[data-itplugg-navigation="desktop"] .version-footer{margin-bottom:0!important}
html[data-itplugg-navigation="desktop"] body:not(.v1919-nav-collapsed):not(.v1923-auto-compact) .v196-update-banner{
  left:calc(var(--v1943-sidebar-w) + (100vw - var(--v1943-sidebar-w))/2)!important;
  width:min(720px,calc(100vw - var(--v1943-sidebar-w) - 28px))!important
}
html[data-itplugg-navigation="desktop"] body.v1919-nav-collapsed .v196-update-banner,
html[data-itplugg-navigation="desktop"] body.v1923-auto-compact .v196-update-banner{
  left:calc(var(--v1943-sidebar-compact-w) + (100vw - var(--v1943-sidebar-compact-w))/2)!important;
  width:min(720px,calc(100vw - var(--v1943-sidebar-compact-w) - 28px))!important
}

/* Touchläget behåller den femdelade bottenmenyn även i liggande vy. */
html[data-itplugg-navigation="mobile"] body.v1919-nav-active,
html[data-itplugg-navigation="mobile"] body.v1919-nav-collapsed,
html[data-itplugg-navigation="mobile"] body.v1923-auto-compact{
  padding:0 0 calc(var(--v1939-nav-h) + env(safe-area-inset-bottom))!important;
  transition:none!important
}
html[data-itplugg-navigation="mobile"] .v1939-main-nav{
  inset:auto 0 0!important;
  width:100%!important;
  height:calc(var(--v1939-nav-h) + env(safe-area-inset-bottom))!important;
  padding:5px 6px env(safe-area-inset-bottom)!important;
  display:flex!important;
  flex-direction:row!important;
  align-items:center!important;
  overflow:visible!important;
  border:0!important;
  border-top:1px solid var(--line)!important
}
html[data-itplugg-navigation="mobile"] .v1939-brand{display:none!important}
html[data-itplugg-navigation="mobile"] .v1939-nav-links{
  width:100%!important;
  display:grid!important;
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  gap:2px!important;
  margin:0!important
}
html[data-itplugg-navigation="mobile"] .v1939-nav-button{
  min-width:0!important;
  min-height:42px!important;
  padding:7px 3px!important;
  text-align:center!important;
  font-size:11px!important;
  white-space:nowrap!important
}
html[data-itplugg-navigation="mobile"] .v1939-nav-button[aria-current="page"]{box-shadow:inset 0 2px var(--teal)!important}
html[data-itplugg-navigation="mobile"] .v1939-more{position:static!important;width:auto!important;margin:0!important;padding:0!important;border:0!important}
html[data-itplugg-navigation="mobile"] .v1941-nav-label{display:none!important}
html[data-itplugg-navigation="mobile"] .v1939-more-menu{
  position:fixed!important;
  inset:auto 10px calc(var(--v1939-nav-h) + env(safe-area-inset-bottom) + 8px) auto!important;
  width:min(370px,calc(100vw - 20px))!important
}

@media(max-width:1212px){
  html[data-itplugg-navigation="desktop"] .v1939-home-focus{grid-template-columns:1fr!important}
  html[data-itplugg-navigation="desktop"] .journey-track{grid-template-columns:repeat(4,minmax(0,1fr))!important}
  html[data-itplugg-navigation="desktop"] .course-overview-stats{grid-template-columns:1fr 1fr!important}
}
@media(max-width:1072px){
  html[data-itplugg-navigation="desktop"] .v1919-home-stage{grid-template-columns:1fr!important}
  html[data-itplugg-navigation="desktop"] .v1919-home-stage>.student-home-panel{grid-row:auto!important}
  html[data-itplugg-navigation="desktop"] .v1919-home-stage>.v1919-course-drawer{grid-column:auto!important}
}
@media(max-width:760px){html[data-itplugg-navigation="desktop"] .home-hero h2{font-size:clamp(1.75rem,5.5vw,2.45rem)!important}}
@media(prefers-reduced-motion:reduce){.v1919-dev-sidebar,.v1939-main-nav,.v1939-more-menu{transition:none!important;animation:none!important}}
