/* Serpas samtykke (wrks): cookie-banner nederst. Fargene er wrks' egne (main.css). */
.samtykke{
  --sk-radius:4px; --sk-kant:16px;
  position:fixed;left:var(--sk-kant);right:var(--sk-kant);bottom:16px;max-width:640px;margin:0 auto;
  background:var(--navy-raised,#393D40);color:var(--text,#F2F4F5);border:1px solid var(--border-strong,rgba(255,255,255,.16));
  border-radius:var(--sk-radius);padding:18px 20px;z-index:1000;
  box-shadow:0 8px 30px rgba(0,0,0,.45);display:flex;flex-wrap:wrap;gap:14px;align-items:center
}
.samtykke[hidden]{display:none}
.samtykke p{margin:0;flex:1 1 280px;font-size:15px;line-height:1.45;color:var(--text-2,#C9CED3)}
/* Like brede knapper på alle skjermer: alle kolonnene får bredden til den lengste («Bare nødvendige») */
.samtykke-knapper{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:10px}
/* Lik vekt på alle valg: avslå skal være like lett som å godta (Datatilsynet) */
.samtykke-knapp{background:transparent;color:var(--text,#F2F4F5);border:1px solid var(--border-hover,rgba(255,255,255,.28));border-radius:var(--sk-radius);padding:11px 16px;font:inherit;font-weight:700;cursor:pointer}
.samtykke-knapp:hover,.samtykke-knapp:focus-visible{background:var(--accent,#00A396);border-color:var(--accent,#00A396);color:var(--on-accent,#161819)}
.lenkeknapp{background:none;border:0;padding:0;font:inherit;color:inherit;text-decoration:underline;cursor:pointer}
@media (max-width:520px){
  .samtykke{bottom:10px;padding:16px}
  /* Tre like brede kolonner, så ingen knapp blir større enn de andre */
  .samtykke-knapper{width:100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
  .samtykke-knapp{padding:10px 6px;font-size:14px;line-height:1.25}
}
@media (max-width:360px){.samtykke-knapp{font-size:12.5px;padding:10px 4px}}