/* Samtykke-banneret.
   Laa foer inde i forsidens <style> og fandtes derfor kun dér - sammen
   med selve banneret. Flyttet hertil 26. september 2026, saa alle sider
   kan bruge det. Se partials/samtykke.html.

   Farver og kurver kommer fra sidens egne variable (--ink, --bg, --ease).
   De er sat i hver sides eget stilark, saa banneret foelger sidens toene. */

.cookie-banner {
  position: fixed; left: clamp(14px,2vw,24px); bottom: clamp(14px,2vw,24px);
  z-index: 95; width: min(400px, calc(100vw - 28px));
  background: var(--ink); color: var(--bg);
  border-radius: 16px; padding: 20px 22px;
  box-shadow: 0 24px 60px -20px rgba(0,0,0,0.5);
  transform: translateY(140%); opacity: 0;
  transition: transform .5s var(--ease-out), opacity .4s var(--ease);
}
.cookie-banner.show { transform: translateY(0); opacity: 1; }
.cookie-banner .cookie-h { font-family: var(--f-sans); font-size: 14px; font-weight: 600; margin-bottom: 8px; letter-spacing: -0.01em; }
.cookie-banner p { font-size: 12.5px; line-height: 1.5; color: rgba(255,255,255,0.72); margin-bottom: 15px; }
.cookie-banner p a { color: #fff; text-decoration: underline; text-underline-offset: 2px; }
.cookie-actions { display: flex; gap: 8px; flex-wrap: wrap; }
.cookie-btn { flex: 1; min-width: 120px; padding: 11px 14px; border-radius: 999px; font: inherit; font-size: 13px; font-weight: 500; cursor: pointer; border: 0; transition: background .2s var(--ease), opacity .2s var(--ease); }
/* Begge valg skal fremstaa lige tydelige. Et fremhaevet "ja" ved siden af
   et bleget "nej" er et moenster, Datatilsynet har sanktioneret. */
.cookie-btn { background: var(--bg); color: var(--ink); }
.cookie-btn:hover { background: #fff; }
@media (max-width: 720px) { .cookie-banner { left: 10px; right: 10px; bottom: 10px; width: auto; }
}