/* =========================
   HOME – background image
   ========================= */
body.home{
  min-height: 100vh;
  display: flex;
  flex-direction: column;

  background-image: url("/img/Bakgrunn.png");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-attachment: fixed;
}

/* =========================
   Show background through
   ========================= */
body.home .site-header,
body.home .section,
body.home .site-footer{
  background: transparent !important;
}

/* =========================
   Main content layout
   ========================= */
body.home .section{
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}

/* =========================
   Glass container (content)
   ========================= */
body.home .section-inner{
  background: rgba(0,0,0,0.25) !important;
  -webkit-mask-image: linear-gradient(
    to bottom,
    black 0%,
    black 75%,
    transparent 100%
  );
  mask-image: linear-gradient(
    to bottom,
    black 0%,
    black 75%,
    transparent 100%
  );
}
/* =========================
   Contact – subtle lift
   ========================= */
body.home .contact,
body.home #contact,
body.home .kontakt,
body.home .section-contact{
  margin-bottom: 1.5rem;
}

/* =========================
   Footer
   ========================= */
body.home .site-footer{
  margin-top: auto;
  background: transparent !important;
}
/* Forside: fjern/ton ned stripen bak hovedtekst */
body.home .section,
body.home .section-inner{
  background: transparent !important;
}
/* Hvis stripen kommer fra pseudo-element */
body.home .section::before,
body.home .section::after,
body.home .site-header::before,
body.home .site-header::after{
  background: transparent !important;
  box-shadow: none !important;
}
/* Hvis footer også har stripe */
body.home .site-footer{
  background: transparent !important;
  box-shadow: none !important;
  border: none !important;
}
body.home .hero{
  margin: 0 !important;
  max-width: none !important;
  text-align: left;
}

body.home .hero > *{
  transform: translateX(10rem);
}

body.home #kontakt,
body.home .contact,
body.home .kontakt,
body.home .section-contact{
  margin-top: 0vh;
}

body.home #kontakt,
body.home .contact,
body.home .kontakt,
body.home .section-contact{
  margin-top: 40vh;
}

body.home .hero > *{
  transform: none !important;
}

/* FJERN ALL DEBUG-OUTLINE PÅ FORSIDEN – FERDIG */
html body.home .hero,
html body.home .hero *,
html body.home .hero::before,
html body.home .hero::after {
  outline: none !important;
}