/* FocusRecord Turnstile presentation; security enforcement lives server-side. */

.fr-turnstile-field {
  width: 100%;
  min-width: 0;
  margin: 20px 0;
}

.fr-turnstile-field .cf-turnstile {
  width: 100%;
  min-height: 65px;
}

.fr-turnstile-field--unavailable {
  padding: 12px 14px;
  border: 1px solid #e5484d;
  border-radius: 8px;
  background: rgba(229, 72, 77, 0.1);
  color: inherit;
}

.fr-turnstile-field--unavailable p,
.fr-turnstile-field noscript p {
  margin: 0;
  font-size: 14px;
  line-height: 1.5;
}

/*
 * EDD exposes the insertion hook after its submit controls. Reorder only these
 * known auth forms so verification appears immediately before the primary action.
 */
#edd-blocks-form__login,
#edd-blocks-form__lost-password,
#edd_login_form fieldset,
#edd_login_fields {
  display: flex;
  flex-direction: column;
}

#edd-blocks-form__login .fr-turnstile-field,
#edd-blocks-form__lost-password .fr-turnstile-field,
#edd_login_form .fr-turnstile-field,
#edd_login_fields .fr-turnstile-field {
  order: 30;
}

#edd-blocks-form__login .edd-blocks-form__group-submit,
#edd-blocks-form__lost-password .edd-blocks-form__group-submit,
#edd_login_form .edd-login-submit,
#edd_login_fields #edd-user-login-submit {
  order: 40;
}

.fr-account-app #edd-blocks-form__login .edd-blocks-form__group-submit,
.fr-account-app #edd-blocks-form__lost-password .edd-blocks-form__group-submit {
  margin-top: 0 !important;
}

#edd-blocks-form__login .edd-blocks-form__group-lost-password,
#edd_login_form .edd-lost-password,
#edd_login_fields .edd-blocks-form__group-lost-password {
  order: 50;
}

#edd_login_fields #edd-user-login-submit input[type="submit"] {
  min-height: 44px;
}

/* Core wp-login.php fallback screens. */
body.login .fr-turnstile-field {
  margin: 18px 0 16px;
}

body.login .fr-turnstile-field--unavailable {
  color: #1d2327;
}

/* Horizontal flexible widget on all form factors; never crop or scale the challenge. */
.fr-turnstile-field{margin:14px 0;min-height:65px}
.fr-turnstile-field .cf-turnstile{min-width:300px;min-height:65px}
@media(max-width:360px){body.login #login{width:calc(100% - 16px);padding-left:0;padding-right:0}body.login #login form{padding-left:8px;padding-right:8px}}
