/* === 1) Fluid typografi === */
/* Brødtekst og lenker */
body, p, li, a {
  font-size: clamp(0.875rem, 0.75rem + 0.5vw, 1.125rem);
  line-height: 1.6;
}

/* Hovedoverskrift (h1) */
h1 {
  font-size: clamp(1.5rem, 1.25rem + 1.75vw, 2.5rem);
  line-height: 1.2;
  font-weight: 700;
}

/* Seksjonstitler (.seksjonstittel) */
.seksjonstittel {
  font-size: clamp(1.125rem, 1rem + 1vw, 1.75rem);
  font-weight: 700;
  margin-bottom: 1rem;
  color: #fff;
}

/* === 2) Fluid responsive overskrifter for SP Page Builder === */
/* Underoverskrift (nivå 2) */
.sppb-title-heading,
h2 {
  font-size: clamp(1.25rem, 1rem + 1.5vw, 2rem) !important;
  line-height: 1.3 !important;
  font-weight: 600 !important;
}

/* Tredjenivås overskrift (nivå 3) */
.sp-module-title,
h3 {
  font-size: clamp(1rem, 0.875rem + 1vw, 1.5rem) !important;
  line-height: 1.35 !important;
  font-weight: 600 !important;
}

/* === 3) Bakgrunnsbilder i SP Page Builder === */
.sppb-section {
  background-position: center center !important;
  background-size: cover !important;
}

@media (max-width: 767px) {
  .sppb-section.has-background {
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: top center !important;
  }
}

@media (max-width: 991px) {
  /* 1) Skru av hamburger‑knappen */
  .navbar-toggler {
    display: none !important;
  }

  /* 2) Tving menyen (slide‑menu) å være åpen */
  #slidemenu.collapse {
    display: block !important;
    height: auto !important;
    visibility: visible !important;
  }

  /* 3) Rens opp margin/padding om du ønsker */
  #slidemenu.collapse .navbar-nav {
    display: flex !important;
    flex-wrap: wrap;
    justify-content: center;
  }
  #slidemenu.collapse .navbar-nav .nav-item {
    margin: 0 0.5rem !important;
  }
}

@media (max-width: 991px) {
  /* Vis hovedmenyen som flex på mobil og sentrer lenkene */
  .sp-megamenu-parent.d-none.d-lg-block {
    display: flex !important;
    justify-content: center !important;
    width: 100%;
  }

  /* Skjul fortsatt hamburger‑ikonet */
  #offcanvas-toggler {
    display: none !important;
  }
}