/* Re-skins django-insight's consent banner (.in-consent) to the site theme.
   Loaded right after {% insight_head %} (which brings insight's consent.css),
   so these rules win. The banner follows whatever theme the shared picker has
   set, because every value below resolves to a variables.css design token. */

.in-consent {
  --in-c-bg: var(--panel-bg);
  --in-c-text: var(--text);
  --in-c-accent: var(--accent);
  --in-c-radius: var(--radius, 12px);

  inset: auto 16px 16px 16px;
  gap: 14px 22px;
  padding: 16px 18px;
  border: 1px solid var(--line);
  background: var(--panel-bg);
  color: var(--text);
  font-family: 'Archivo', system-ui, -apple-system, 'Segoe UI', sans-serif;
  box-shadow: var(--shadow-card);
}

.in-consent__lead {
  font-weight: 600;
  color: var(--text);
}

.in-consent__text p {
  color: var(--text-3);
}

.in-consent a {
  color: var(--accent);
  text-decoration: underline;
  text-underline-offset: 2px;
}
.in-consent a:hover { color: var(--accent-tint); }

.in-consent__actions button {
  border-radius: 8px;
  font-family: 'Archivo', system-ui, sans-serif;
  transition: background-color .15s, border-color .15s, color .15s;
}

.in-consent__accept {
  background: var(--accent);
  border-color: var(--accent);
  color: var(--on-accent);
}
.in-consent__accept:hover {
  background: var(--accent-tint);
  border-color: var(--accent-tint);
}

.in-consent__decline {
  background: transparent;
  border-color: var(--line-input);
  color: var(--text-3);
}
.in-consent__decline:hover {
  border-color: var(--accent-60);
  color: var(--text);
}

.in-withdraw { color: var(--accent); }
.in-withdraw:hover { color: var(--accent-tint); }