/* Dølakaffe holdeside — midlertidig. Erstattes av butikk-v1 i oktober.
 * Ikke bygget for gjenbruk. Ikke arv dette inn i butikken.
 *
 * Tokenblokka under er kopiert uendret fra DolakaffeOS
 * src/styles/tokens.css (kun de tokenene denne sida bruker).
 * Fasit ligger der, ikke her.
 */

/* --- Font: selvhostet, subsettet, instansiert til 400/600/700 ------------- */
@font-face{
  font-family:'Bitter';
  src:url('assets/fonts/bitter-400.woff2') format('woff2');
  font-weight:400;font-style:normal;font-display:swap;
}
@font-face{
  font-family:'Bitter';
  src:url('assets/fonts/bitter-600.woff2') format('woff2');
  font-weight:600;font-style:normal;font-display:swap;
}
@font-face{
  font-family:'Bitter';
  src:url('assets/fonts/bitter-700.woff2') format('woff2');
  font-weight:700;font-style:normal;font-display:swap;
}

/* --- Tokens (kopi, verdier uendret) -------------------------------------- */
:root{
  --dk-font:'Bitter',Georgia,'Times New Roman',serif;

  --dk-tekst:#26221A;
  --dk-krem:#E8E2CC;

  --dk-vekt-ordmerke:700;
  --dk-vekt-tittel:600;
  --dk-vekt-brod:400;

  --dk-fs-brod:17px;
  --dk-fs-h1:1.9rem;

  --dk-lh-brod:1.55;
  --dk-lh-tittel:1.15;
  --dk-maal-brod:52ch;
  --dk-dempet:0.72;

  --dk-marg:20px;
  --dk-strek:1px solid var(--dk-tekst);
  --dk-radius:2px;
  --dk-rom-2:12px;
  --dk-rom-3:20px;
  --dk-rom-4:32px;
  --dk-rom-5:48px;
  --dk-rom-6:64px;
}

/* --- Grunn ---------------------------------------------------------------- */
*{box-sizing:border-box}

html{
  -webkit-text-size-adjust:100%;
}

body{
  margin:0;
  padding:0;
  background:var(--dk-krem);
  color:var(--dk-tekst);
  font:var(--dk-vekt-brod) var(--dk-fs-brod)/var(--dk-lh-brod) var(--dk-font);
}

a{
  color:inherit;
  text-decoration:underline;
  text-underline-offset:2px;
}

a:focus-visible{
  outline:2px solid var(--dk-tekst);
  outline-offset:2px;
  border-radius:var(--dk-radius);
}

/* --- Forsida -------------------------------------------------------------- */
.forside{
  display:flex;
  flex-direction:column;
  min-height:100vh;
  min-height:100dvh;
}

.forside .flate{
  flex:1 1 auto;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:var(--dk-rom-6) var(--dk-marg);
}

.forside h1{
  margin:0;
  font-weight:var(--dk-vekt-tittel);
  font-size:var(--dk-fs-h1);
  line-height:var(--dk-lh-tittel);
  text-align:center;
}

/* --- Bunnlinje (krav fra Vipps – skal stå synlig) ------------------------- */
.bunn{
  padding:var(--dk-rom-4) var(--dk-marg) var(--dk-rom-5);
  border-top:var(--dk-strek);
}

.bunn > *{
  max-width:var(--dk-maal-brod);
  margin-inline:auto;
}

.bunn p{
  margin:0 0 var(--dk-rom-2);
}

.bunn p:last-child{
  margin-bottom:0;
}

/* --- Salgsvilkår ---------------------------------------------------------- */
.vilkar{
  max-width:var(--dk-maal-brod);
  margin:0 auto;
  padding:var(--dk-rom-5) var(--dk-marg) var(--dk-rom-6);
}

.vilkar h1{
  margin:0 0 var(--dk-rom-2);
  font-weight:var(--dk-vekt-tittel);
  font-size:var(--dk-fs-h1);
  line-height:var(--dk-lh-tittel);
}

.vilkar h2{
  margin:var(--dk-rom-5) 0 var(--dk-rom-2);
  font-weight:var(--dk-vekt-tittel);
  font-size:1.25rem;
  line-height:1.25;
}

.vilkar h3{
  margin:var(--dk-rom-4) 0 var(--dk-rom-2);
  font-weight:var(--dk-vekt-tittel);
  font-size:1.1rem;
  line-height:1.3;
}

.vilkar p{
  margin:0 0 var(--dk-rom-3);
}

.vilkar strong{
  font-weight:var(--dk-vekt-ordmerke);
}

.vilkar .oppdatert{
  opacity:var(--dk-dempet);
}

.vilkar hr{
  height:0;
  margin:var(--dk-rom-4) 0;
  border:0;
  border-top:var(--dk-strek);
  opacity:0.35;
}

.tilbake{
  margin-top:var(--dk-rom-5);
  padding-top:var(--dk-rom-3);
  border-top:var(--dk-strek);
}

/* --- Litt mer luft på større skjerm --------------------------------------- */
@media (min-width:720px){
  .forside .flate{padding-block:var(--dk-rom-6)}
  .bunn{padding:var(--dk-rom-5) var(--dk-marg) var(--dk-rom-6)}
  .vilkar{padding-top:var(--dk-rom-6)}
}