/* Platform.Plugins.Consent: the cookie banner. Uses the site's colours: the default theme's --pf-* variables,
   or --accent/--ink of a custom theme, with neutral fallbacks. Override any of it in the site's css/site.css. */
.consent {
  --consent-accent: var(--pf-accent, var(--accent, #2563eb));
  --consent-accent-ink: var(--pf-accent-ink, var(--ink, #ffffff));
  --consent-ink: var(--pf-ink, var(--ink, #111827));
  --consent-muted: var(--pf-muted, var(--muted, #5b6474));
  position: fixed; z-index: 1000; left: 1rem; right: 1rem; bottom: 1rem;
  max-width: 34rem; margin-left: auto; padding: 1.5rem;
  border-radius: 16px; background: #fff; color: var(--consent-ink);
  box-shadow: 0 20px 50px -12px rgb(15 23 42 / 35%), 0 0 0 1px rgb(15 23 42 / 8%);
  font-size: 0.95rem; line-height: 1.5;
}
.consent[hidden] { display: none; }
.consent__title { margin: 0 0 0.5rem; font-size: 1.15rem; }
.consent p { margin: 0 0 1rem; color: var(--consent-muted); }
.consent p a { color: var(--consent-ink); }
.consent__choices { display: grid; gap: 0.75rem; margin: 0 0 1rem; }
.consent__choices[hidden] { display: none; }
.consent__choice { display: flex; gap: 0.6rem; align-items: flex-start; cursor: pointer; }
.consent__choice input { margin-top: 0.25rem; accent-color: var(--consent-accent); }
.consent__choice span { color: var(--consent-muted); }
.consent__choice strong { display: block; color: var(--consent-ink); }
.consent__actions { display: flex; flex-wrap: wrap; gap: 0.5rem; }
/* Accept and reject look the same: no nudging towards one of them. */
.consent__button {
  flex: 1 1 auto; padding: 0.7rem 1rem; border: 2px solid var(--consent-accent); border-radius: 999px;
  background: var(--consent-accent); color: var(--consent-accent-ink); font: inherit; font-weight: 700; cursor: pointer;
}
.consent__button[data-consent="settings"], .consent__button[data-consent="save"] { background: transparent; color: var(--consent-ink); }
.consent__button[hidden] { display: none; }
.consent__button:focus-visible { outline: 3px solid var(--consent-ink); outline-offset: 2px; }
.consent-link { padding: 0; border: 0; background: none; color: inherit; font: inherit; text-decoration: underline; cursor: pointer; }
