/* Consent banner (js/consent.js) + the footer's reopen control. Daylight
   voice: white card, hairline border, no overlay — the page stays usable, and
   position:fixed keeps CLS at zero. Sits above the sticky CTA (z-index 45). */

.consent-banner {
  position: fixed;
  inset-inline: 16px;
  bottom: 16px;
  z-index: 60;
  max-width: 560px;
  margin-inline: auto;
  padding: 20px 22px;
  background: var(--c-vit);
  color: var(--tx);
  border: 1px solid var(--line);
  border-radius: var(--r-lg);
  box-shadow: var(--shadow-soft);
}

@media (min-width: 720px) {
  .consent-banner {
    inset-inline: auto 24px;
    bottom: 24px;
  }
}

.consent-title {
  margin: 0 0 6px;
  font-family: var(--font-display);
  font-weight: 600;
  font-size: 1.05rem;
}

.consent-body {
  margin: 0 0 14px;
  font-size: 0.92rem;
  line-height: 1.5;
  color: var(--tx-muted);
}

.consent-body a {
  color: inherit;
  text-decoration: underline;
  text-underline-offset: 2px;
}

.consent-body a:hover { color: var(--tx); }

.consent-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.consent-actions .btn { padding: 11px 20px; }

/* The footer's "Cookieinställningar" — a real <button>, styled to sit in the
   footer-bottom link row (mono, muted, underline on hover like the links). */
.consent-open {
  padding: 0;
  border: 0;
  background: none;
  font: inherit;
  color: inherit;
  cursor: pointer;
  text-decoration: underline;
  text-decoration-color: transparent;
  text-underline-offset: 3px;
  transition: color var(--speed), text-decoration-color var(--speed);
}

.consent-open:hover {
  color: var(--text-on-gran);
  text-decoration-color: currentColor;
}