@charset "utf-8";
/*
   Klassen heter cookiebar, inte consent. Namnet krockade tidigare med
   formulärets samtyckesrutor i form.css, vilket sköt dem utanför skärmen
   på /forfragan. Byt aldrig tillbaka.
 ==========================================================================
   SAMTYCKESBANNER

   Diskret, inte blockerande. Ingen mörk overlay över sidan, ingen
   nedräkning, ingen "godkänn för att fortsätta". Målgruppen är stressade
   människor — att möta dem med en spärr är fel sätt att börja.

   Båda valen är lika lättillgängliga. En banner där "godkänn" är en stor
   knapp och "neka" en grå länk är inte ett fritt val.
   ========================================================================== */

.cookiebar {
  position: fixed;
  inset-inline: 0;
  bottom: 0;
  z-index: 60;
  background: #fff;
  border-top: 1px solid var(--ivory-edge);
  box-shadow: 0 -4px 24px rgba(11, 27, 43, 0.08);
  transform: translateY(100%);
  transition: transform 320ms cubic-bezier(0.22, 0.61, 0.36, 1);
  padding-bottom: env(safe-area-inset-bottom, 0px);
}
.cookiebar.is-visible { transform: translateY(0); }

@media (prefers-reduced-motion: reduce) {
  .cookiebar { transition: none; }
}

.cookiebar__inner {
  max-width: var(--max-width);
  margin-inline: auto;
  padding: 1.25rem var(--gutter);
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 1.25rem 2rem;
}

.cookiebar__text { flex: 1 1 32ch; min-width: 0; }

.cookiebar__title {
  margin: 0 0 0.35rem;
  font-family: var(--font-display);
  font-size: var(--step-0);
  font-weight: 600;
  color: var(--navy-800);
}

.cookiebar__body {
  margin: 0;
  font-size: var(--step--1);
  line-height: 1.55;
  color: var(--text-on-light-soft);
  max-width: 68ch;
}
.cookiebar__body a {
  color: var(--navy-600);
  text-underline-offset: 3px;
}

.cookiebar__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
  flex: none;
}

/* Båda knapparna har samma storlek och samma träffyta. Skillnaden är
   färg, inte vikt — valet ska kännas jämbördigt. */
.cookiebar__actions .btn {
  min-height: 2.9rem;
  padding-inline: 1.35rem;
  font-size: var(--step--1);
  white-space: nowrap;
}

@media (max-width: 720px) {
  .cookiebar__inner { padding-block: 1.15rem; }
  .cookiebar__actions { width: 100%; }
  .cookiebar__actions .btn { flex: 1 1 auto; }
}

/* Länk i sidfoten för att ändra sig i efterhand. Ett samtycke som inte går
   att ta tillbaka lika enkelt som det gavs är inget riktigt samtycke. */
.cookiebar-link {
  background: none;
  border: 0;
  padding: 0;
  font: inherit;
  color: inherit;
  cursor: pointer;
  text-decoration: underline;
  text-underline-offset: 3px;
}
.cookiebar-link:hover { color: var(--ivory); }