/* ============================================================
   KOREAMAT.NO — samtykkebanner (se assets/samtykke.js)
   Egen fil fordi kokebok/bla.html ikke laster styles.css. Fargene har
   reserveverdier, så banneren ser lik ut der også.
   Kontrast: tekst og knappetekst #f4efe5/#201b14 = 14,9:1.
   ============================================================ */
.consent{position:fixed;left:0;right:0;bottom:0;z-index:95;
  background:var(--ink,#201b14);color:var(--bg,#f4efe5);
  border-top:1px solid rgba(244,239,229,.18);box-shadow:0 -12px 32px -18px rgba(0,0,0,.45);
  font-family:var(--sans,'Hanken Grotesk',system-ui,sans-serif);font-size:14.5px;line-height:1.55}
.consent[hidden]{display:none}
/* Inngang med transform/opacity — flytter ingenting i layouten (ingen CLS) */
.consent{animation:consent-inn .28s ease-out}
@keyframes consent-inn{from{transform:translateY(100%);opacity:0}to{transform:none;opacity:1}}
@media(prefers-reduced-motion:reduce){.consent{animation:none}}
/* Brukes bare hvis webfontene ikke rakk å laste: fast systemfont, så banneret
   aldri bytter font (og høyde) etter at det er vist */
.consent-sysfont,.consent-sysfont .consent-btn{font-family:system-ui,-apple-system,'Segoe UI',Roboto,sans-serif}
.consent:focus{outline:none}
.consent:focus-visible{outline:2px solid #f4c98a;outline-offset:-3px}
.consent-in{max-width:var(--maxw,1200px);margin:0 auto;padding:16px var(--pad,48px);
  display:flex;align-items:center;gap:16px 32px;flex-wrap:wrap}
.consent p{flex:1 1 420px;margin:0;color:var(--bg,#f4efe5)}
.consent a{color:var(--bg,#f4efe5);text-decoration:underline;text-underline-offset:3px}
.consent a:hover{text-decoration-thickness:2px}
.consent-btns{display:flex;gap:12px;flex:0 0 auto}
/* «Godta» og «Avslå» er bevisst helt like: samme størrelse, farge og vekt */
.consent-btn{min-width:120px;padding:11px 22px;border-radius:999px;cursor:pointer;
  font-family:var(--display,'Space Grotesk',system-ui,sans-serif);font-size:14px;font-weight:600;
  background:var(--bg,#f4efe5);color:var(--ink,#201b14);border:1px solid var(--bg,#f4efe5)}
.consent-btn:hover{background:#fff;border-color:#fff}
.consent a:focus-visible,.consent-btn:focus-visible{outline:2px solid #f4c98a;outline-offset:3px}

/* «Til toppen» løftes over banneren mens den vises (høyden settes av samtykke.js) */
.consent-open .to-top{bottom:calc(var(--consent-h,0px) + clamp(18px,4vw,40px))}

@media(max-width:680px){
  .consent-in{padding:14px var(--pad,30px) 16px}
  .consent p{flex-basis:100%}
  .consent-btns{width:100%}
  .consent-btn{flex:1;min-width:0}
}
@media print{
  .consent{display:none !important}
}