/* Cookierutan.
   Ligger nere i hörnet, inte över hela skärmen. En sajt som blockerar
   innehållet tills man klickat bort något känns inte premium — den känns
   som en tidning man inte får läsa. */

.samtycke{
  position:fixed;left:16px;right:16px;bottom:16px;z-index:130;
  /* Hård kant, ingen radie: rutan följer sajtens kant-i-stället-för-skugga-
     grammatik — 18 px radie var en kvarleva från ett äldre formspråk. */
  background:var(--paper);border:1px solid var(--line);border-radius:0;
  box-shadow:0 10px 40px rgba(20,24,27,.16);
  padding:24px 26px;
  max-width:520px;
  margin-left:auto;margin-right:auto;
  opacity:0;transform:translateY(18px);
  transition:opacity .45s cubic-bezier(.16,.8,.3,1),transform .45s cubic-bezier(.16,.8,.3,1);
}
@media(min-width:640px){
  .samtycke{left:auto;right:24px;bottom:24px;margin:0}
}
.samtycke.uppe{opacity:1;transform:none}

.samtycke-in{display:flex;flex-direction:column;gap:20px}
.samtycke h2{font-size:21px;margin-bottom:8px;letter-spacing:-.01em}
.samtycke p{margin:0;font-size:15px;line-height:1.6;color:var(--ink-2)}
.samtycke a{color:var(--accent);text-underline-offset:3px}

/* Nej och ja ska väga lika mycket. Att göra "nej" till en grå textlänk
   är den vanligaste fulheten på svenska sajter — och den är olaglig. */
.samtycke-knappar{display:flex;gap:10px}
.samtycke-knappar .btn{flex:1;justify-content:center;padding:12px 18px;font-size:15px}

@media (prefers-reduced-motion: reduce){
  .samtycke{transition:none;opacity:1;transform:none}
}

/* länken i sidfoten */
[data-samtycke]{cursor:pointer}