/* === VANOVIS: Extra padding for safe text margins === */
section { padding-left: 2.5rem; padding-right: 2.5rem; }
.text { padding: 1.2rem; }
.media img { border-radius: .6rem; }
/* === END PATCH === */

/* @theme vanovis */
@import url('https://fonts.googleapis.com/css2?family=Jost:wght@400;500;600;700&display=swap');

:root{
  --primary:#173E3C;      /* grøn */
  --sec1:#2b4b68;         /* blå */
  --sec2:#6A8493;         /* blågrå */
  --gold:#B88900;
  --bg:#F4EFEA;
  --band-h:18px;

  --band:var(--primary);
  --text:#173E3C;
  --bg-slide:var(--bg);
}

section{
  font-family:'Jost',system-ui,sans-serif;
  color:var(--text);
  background:
    linear-gradient(to bottom,var(--band) var(--band-h),transparent 0) top left/100% var(--band-h) no-repeat,
    linear-gradient(to top,var(--band) var(--band-h),transparent 0) bottom left/100% var(--band-h) no-repeat,
    var(--bg-slide);
  position:relative; overflow:hidden;
  padding-top:calc(var(--band-h) + 2rem);
  padding-bottom:calc(var(--band-h) + 2rem);
}

/* Lys/mørk */
section.bg-light{ --bg-slide:#F4EFEA; --text:#173E3C; }
section.bg-dark { --bg-slide:#0f0f13; --text:#F4EFEA; }

/* Båndfarver */
section.band-primary{ --band:var(--primary); }
section.band-blue   { --band:var(--sec1); }
section.band-gray   { --band:var(--sec2); }
section.band-gold   { --band:var(--gold); }

/* Footer: logo i venstre hjørne */
footer{ position:absolute; left:1rem; bottom:1rem; z-index:3; }
footer img{ height:28px; width:auto; }

/* Sidenummer */
.pagination{
  position:absolute; left:5rem; bottom:1rem; z-index:3;
  border:2px solid currentColor; border-radius:999px; padding:.2rem .6rem; font-size:.8rem;
  background:#fff8;
}

/* Layouts */
.split{
  display:grid; grid-template-columns:1fr 1fr; gap:2rem; align-items:center; min-height:60vh;
}
.split.left  .media{ grid-column:1; } .split.left  .text{ grid-column:2; }
.split.right .media{ grid-column:2; } .split.right .text{ grid-column:1; }

.media img{ max-width:100%; height:auto; border-radius:.4rem; object-fit:contain; }

/* 3 kolonner */
.cols-3{
  display:grid; grid-template-columns:1fr 1fr 1fr; gap:1.4rem; min-height:50vh;
}
.cols-3 > div{ background:transparent; padding:0; }

/* Fuldbillede */
.full-bleed{
  display:flex; align-items:center; justify-content:center; min-height:65vh;
}
.full-bleed img{ width:100%; height:65vh; object-fit:cover; border-radius:.4rem; }

/* Quote */
.quote{
  display:flex; align-items:center; min-height:55vh; font-size:1.4rem; line-height:1.4;
}
.quote blockquote{ margin:0; }
.quote footer{ position:static; margin-top:1rem; }

/* Sektion-divider */
.divider{
  display:flex; align-items:center; justify-content:center; min-height:60vh; text-align:center;
}
.divider h1{ font-size:3rem; margin:0; }

/* Headings/tekst */
h1{ margin:0 0 .3rem 0; font-size:2.3rem; line-height:1.1; }
h2{ margin:.2rem 0 1.1rem 0; font-size:1.3rem; font-weight:500; color:inherit; }
ul{ margin:.4rem 0 0 1.1rem; }

/* Farve-styles (hurtige skift) */
section.style-green-light { --band:#173E3C; --bg-slide:#F4EFEA; --text:#173E3C; }
section.style-blue-dark   { --band:#2b4b68; --bg-slide:#0f0f13; --text:#F4EFEA; }
section.style-gold-light  { --band:#B88900; --bg-slide:#FFF9E8; --text:#173E3C; }
section.style-gray-light  { --band:#6A8493; --bg-slide:#F2F5F7; --text:#173E3C; }
section.style-blue-light  { --band:#2b4b68; --bg-slide:#F5F8FC; --text:#173E3C; }