/* Cookierutan.

   Den ligger 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;
  background:var(--yta);border:1px solid var(--linje);border-radius:2px;
  box-shadow:var(--lyft);
  padding:26px 28px;
  max-width:480px;
  margin-inline:auto;
  opacity:0;transform:translateY(18px);
  transition:opacity .45s var(--kurva),transform .45s var(--kurva);
}
@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:10px}
.samtycke p{margin:0;font-size:15px;line-height:1.6;color:var(--ljus-2)}
.samtycke a{color:var(--ljus);text-decoration:underline;text-underline-offset:3px;
  text-decoration-color:var(--guld)}

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

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

/* Länken i sidfoten och i integritetstexten. */
[data-samtycke]{cursor:pointer}