/* EventGo Australia — WordPress adapter styles for Auth V1 (eventgo-experience; not synced V3). Loaded once on every
   /login/ and /signup/ page (AuthRoute).
   The security check (EventGo's reCAPTCHA v2 checkbox, when the site has keys): the sign-up page's explicit
   widget, and the log-in / forgot-password widgets (Google's auto-render, .g-recaptcha — Auth\LoginCaptcha::widget()).
   Each sits in its form as one more .eg-c-field; Google's widget keeps its own branding and links.
   And the actions inside a form's note (below). */
.eg-wp-captcha__box { min-height: 78px; }            /* the checkbox's height: no jump when it arrives */
.eg-wp-captcha__box[data-size="compact"] { min-height: 144px; }
.eg-wp-captcha__box iframe { display: block; border-radius: 3px; }
.eg-wp-captcha[data-invalid] .eg-wp-captcha__box > div { outline: 2px solid var(--status-critical, #F87171); outline-offset: 3px; border-radius: 3px; }
/* Log-in / forgot password (AU-P7): the same reserved height, compact below 304px (the adapter sets data-size before
   Google renders), and the invalid outline when the server refused the check (the adapter marks the .eg-c-field). */
.eg-wp-captcha .g-recaptcha { min-height: 78px; }
.eg-wp-captcha .g-recaptcha[data-size="compact"] { min-height: 144px; }
.eg-wp-captcha .g-recaptcha iframe { display: block; border-radius: 3px; }
.eg-c-field[data-invalid] .eg-wp-captcha .g-recaptcha > div { outline: 2px solid var(--status-critical, #F87171); outline-offset: 3px; border-radius: 3px; }
/* A-09 (touch): the actions a note carries ("Send it again", "Use a different email", "reset your password", "Log in",
   "Security check") are text-sized (the synced note styles: inline, no padding). On a coarse pointer each gets a hit area
   44px tall whatever the font's content box (round-2 R2-02: an inset from the inline box gave about 40px), centred on its
   text — the text does not move; neighbours on one line (" · ") keep their own areas. An action is kept on one line, so
   its area is one box, never split across a line break. */
@media (pointer: coarse) {
  .eg-c-auth__noted :is(a, button) { position: relative; white-space: nowrap; }
  .eg-c-auth__noted :is(a, button)::after { content: ""; position: absolute; left: -2px; right: -2px; top: 50%; height: 44px; transform: translateY(-50%); }
}