/**
 * Move the invisible reCAPTCHA v2 badge to the bottom-LEFT corner so it no longer
 * collides with the AccessiBe accessibility widget, which lives in the bottom-right
 * corner. By default both controls anchor bottom-right and stacked on top of each
 * other (E470SD-268).
 *
 * Google animates the badge via its inline `right` value (it slides in from the
 * right edge on hover/focus). We `unset` that `right` and anchor `left` instead,
 * then reproduce the collapse/expand behaviour ourselves: the badge shows just the
 * reCAPTCHA logo (70px) by default and expands to the full "protected by reCAPTCHA"
 * strip (256px) on hover/focus. Repositioning the badge (rather than hiding it)
 * keeps us within Google's reCAPTCHA branding terms, so no extra disclosure text
 * is required.
 *
 * Reference: https://nustart.solutions/google/moving-the-recaptcha-v3-badge/
 */
.grecaptcha-badge {
    left: 4px !important;
    right: unset !important; /* explicitly clear reCAPTCHA's default right anchor */
    width: 70px !important;
    overflow: hidden !important;
    transition: all 0.3s ease !important;
}

.grecaptcha-badge:hover,
.grecaptcha-badge:focus-within {
    width: 256px !important;
}