/**
 * Young Editors Auth0 Form Styles
 * Hides username and password fields for Auth0 integration
 * This is a workaround for the Simple Membership Plugin's registration form
 * which requires these fields but we don't want to expose them to users.
 * Instead, we handle username generation and password management through Auth0.
 */

/* Hide username field completely */
#ye-registration-form-1 #item-swpm-2 {
  display: none !important;
}

/* Hide password fields completely */
#ye-registration-form-1 #item-swpm-3 {
  display: none !important;
}

/* Hide membership level completely */
#ye-registration-form-1 #item-swpm-4 {
  display: none !important;
}

/* Ensure form layout doesn't break */
#ye-registration-form-1 #ye-registration-form-1 .swpm-form-builder .swmp-item {
  margin-bottom: 1em;
}

/* Style adjustments for better UX when fields are hidden */
#ye-registration-form-1 .swmp-form-builder fieldset {
  border: none;
  padding: 0;
}

#ye-registration-form-1 .swmp-form-builder .swpm-legend h3 {
  margin-bottom: 1em;
}

.swpm-submit {
  padding: 0.3em 1em !important;
  font-size: 16px !important;
  background: none !important;
  background-color: #ec6e21 !important;
  border-width: 0px !important;
  border-radius: 0px !important;
  font-weight: bold !important;
  font-style: normal !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
  text-shadow: none !important;
  min-width: 200px;
  min-height: 37px !important;
  text-align: center !important;
  line-height: 1.7em !important;
  box-shadow: none !important;
  display: inline-block !important;
  color: black;
}

#ye-registration-form-1 .swpm-fieldset.swpm-verification {
  background-color: white !important;
  border: 0;
}

#ye-registration-form-1 .swpm-fieldset.swpm-verification .swpm-legend {
  display: none;
}

/* Fix for reCAPTCHA badge not showing */
.grecaptcha-badge {
  z-index: 9999;
}
