/* Cookie-bannern (js/samtycke.js). Laddas på alla sidor. */

.samtycke{
  position: fixed; z-index: 210; left: 20px; bottom: 20px;
  width: min(420px, calc(100vw - 32px));
  padding: 24px 24px 20px;
  background: #FFFDF9; color: #221E1B;
  border: 1px solid rgba(34,30,27,.12); border-radius: 20px 20px 20px 36px;
  box-shadow: 0 30px 60px -24px rgba(42,35,32,.45);
  font-family: "Bricolage Grotesque", sans-serif;
  opacity: 0; visibility: hidden; transform: translateY(16px);
  transition: opacity .25s ease, transform .45s cubic-bezier(.34,1.4,.5,1), visibility 0s linear .45s;
}
.samtycke.is-visible{ opacity: 1; visibility: visible; transform: none; transition: opacity .25s ease, transform .45s cubic-bezier(.34,1.4,.5,1), visibility 0s; }
.samtycke-rubrik{
  margin: 0 0 8px;
  font-family: "Bebas Neue", sans-serif; font-size: 28px; line-height: 1; text-transform: uppercase;
}
.samtycke-text{ margin: 0 0 18px; font-size: 14px; line-height: 1.55; color: #6B655F; }
.samtycke-knappar{ display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.samtycke-knapp{
  padding: 12px 16px; border-radius: 999px; border: 1.5px solid #221E1B;
  background: transparent; color: #221E1B;
  font: inherit; font-size: 14px; font-weight: 600; cursor: pointer;
  transition: background .2s ease, color .2s ease;
}
.samtycke-knapp:hover, .samtycke-knapp:focus-visible{ background: #221E1B; color: #fff; }
.samtycke-knapp:focus-visible{ outline: 2px solid #FF6C2C; outline-offset: 2px; }

/* Länken "Cookie-inställningar" i sidfoten */
.cookie-installningar{
  padding: 0; border: 0; background: none; color: inherit;
  font: inherit; text-decoration: underline; text-underline-offset: 3px; cursor: pointer;
}

@media (max-width: 560px){
  .samtycke{ left: 16px; bottom: 16px; }
}
@media (prefers-reduced-motion: reduce){
  .samtycke{ transition: none; }
}