/*
 * Auth pages — mobile scroll fix.
 *
 * Vendor page-auth.css forces `.authentication-inner { height: 100vh }` on
 * viewports ≤ 991.98px, which clips the registration/login form below the
 * fold and disables scrolling. The submit button becomes physically
 * unreachable on tall forms (especially singup with all 4 user roles).
 *
 * Override the height to be flexible and allow the wrapper to scroll.
 */
@media (max-width: 991.98px) {
  .authentication-wrapper.authentication-cover .authentication-inner {
    height: auto !important;
    min-height: 100vh;
  }

  .authentication-wrapper.authentication-cover {
    align-items: stretch;
    overflow-y: auto;
  }

  /* Inner column hosting the form */
  .authentication-wrapper.authentication-cover .authentication-bg {
    min-height: 100vh;
    padding-bottom: 2rem;
  }
}