/* Make off-canvas fill width on small screens */
.iw-offcanvas { width: 100vw; }

/* Container fullbredd i headern */
.iw-header .iw-container {
  /* Match site container width and center */
  max-width: 1140px;
  margin-inline: auto;
  /* Add safe-area and a bit of breathing room */
  padding-left: calc(12px + env(safe-area-inset-left, 0px));
  padding-right: calc(16px + env(safe-area-inset-right, 0px));
}
@media (min-width: 1280px){
  .iw-header .iw-container { padding-left: calc(16px + env(safe-area-inset-left, 0px)); padding-right: calc(20px + env(safe-area-inset-right, 0px)); }
}

/* Visually hidden (för “Öppna meny”-text) */
.sr-only {
  position: absolute !important; width: 1px; height: 1px;
  padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0);
  white-space: nowrap; border: 0;
}

/* Innehåll ska inte hamna under sticky header */
.site-content { scroll-margin-top: var(--iw-header-height); }

/* Sticky shrink + solid background on scroll */
.iw-header.is-scrolled {
  background: rgba(0,0,0,.8);
  border-bottom-color: rgba(255,255,255,.12);
  box-shadow: 0 6px 25px rgba(0,0,0,.25);
  pointer-events: auto; /* ensure header remains interactive after scroll */
}
.iw-header.is-scrolled .iw-header__inner { height: var(--iw-header-height); }

/* Prevent body scroll when offcanvas open */
html.iw-lock, body.iw-lock { overflow: hidden; }

/* Respect reduced motion */
@media (prefers-reduced-motion: reduce){
  .iw-menu > li > a,
  .iw-menu > li > a::before,
  .iw-menu .sub-menu li a::before,
  .iw-nav--mobile .iw-menu--mobile a::before {
    transition: none !important;
  }
}