/* =====================================================================
   reCAPTCHA v3 branding.
   Loaded BY recaptcha-field.xhtml itself, not by a host page's stylesheet. The three
   auth pages are standalone full-HTML views with different CSS: login.xhtml loads
   login.css, signup/forgot-password load portal-theme.css. Putting these rules in
   either sheet styles two of the three pages and silently misses the third - which is
   exactly what happened (the notice was unstyled on login only). A self-contained
   include cannot drift from its host.
   ===================================================================== */

/*
  ONE branding element, not two.

  Google's terms require the reCAPTCHA branding to be visible. That is satisfied EITHER
  by their floating badge OR by the text notice below - showing both is redundant, and
  the badge floats over the layout. Per Google's own FAQ the badge may be hidden as long
  as the branding text appears in the user flow, so the notice is the one we keep.

  visibility:hidden rather than display:none - that is the form Google documents, and it
  leaves the widget's own iframe laid out so the challenge machinery keeps working.
*/
.grecaptcha-badge {
    visibility: hidden;
}

/*
  The notice carries Google's required sentence verbatim, including both links. Kept
  deliberately quiet: it is a legal requirement, not a call to action.
*/
.mln-recaptcha-notice {
    margin: 0.85rem 0 0;
    /* Fixed px, not rem: login.xhtml sets a 14px root while signup/forgot-password use
       16px, so 0.7rem rendered 9.8px on login and 11.2px on the others - the same legal
       notice at two different sizes, and the smaller one barely legible. Google requires
       this text to be VISIBLE, so it does not get to shrink with the host page. */
    font-size: 11px;
    line-height: 1.45;
    color: var(--text-color-secondary, #7a8a83);
    text-align: center;
}

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

.mln-recaptcha-notice a:hover {
    color: var(--primary-color, #00594c);
}