/* ============================================================
   components/recaptcha.css — the v3 badge, off the page (#107)
   ------------------------------------------------------------
   Google's floating badge is a fixed bottom-right chip in their own
   blue and grey: the one piece of chrome on the site nobody here
   designed, sitting on top of every page that loads the API.

   Hiding it is allowed, on one condition — the reCAPTCHA branding
   has to stay visible in the user flow. partials/_recaptcha_notice.html
   is what pays for these rules: one line in the footer's small print,
   plus a copy on the two chrome-free auth pages that have no footer.
   Remove the line and the badge has to come back. Token-only.
   ============================================================ */

.grecaptcha-badge {
  visibility: hidden;
}

/* ---- the attribution the hidden badge is traded for ---- */
.dd-recaptcha-notice {
  margin-top: var(--space-3);
  font-size: var(--fs-label);
  line-height: var(--lh-snug);
  color: var(--text-muted);
  text-wrap: pretty;
}

/* In the footer it is the last line of the small print, under the
   copyright row — quieter than it, and away from the bottom edge. */
.footer .dd-recaptcha-notice {
  margin-top: var(--space-4);
  opacity: 0.75;
}

.dd-recaptcha-notice a {
  color: inherit;
  text-decoration: underline;
  text-underline-offset: 2px;
}

.dd-recaptcha-notice a:hover,
.dd-recaptcha-notice a:focus-visible {
  color: var(--link-hover);
}