/* =========================================================
   Sayuri × WholesaleX — HARD OVERRIDE (wsx_variation_4)
   Goal: force wsx variables to white/green even if WSX sets them deeper
   Scope: /b2b-register/
   ========================================================= */

/* 1) Apply at the wrapper level */
body.page-b2b-register .wholesalex-form-wrapper.wsx_variation_4{
  --wsx-input-bg: #ffffff !important;
  --wsx-input-color: #111827 !important;
  --wsx-input-border-color: #d1d5db !important;
  --wsx-input-focus-border-color: #16a34a !important;

  --wsx-form-container-bg: #ffffff !important;
  --wsx-form-reg-bg: #ffffff !important;
  --wsx-login-bg: #ffffff !important;

  --wsx-form-button-bg: #16a34a !important;
  --wsx-form-button-color: #ffffff !important;
  --wsx-form-button-hover-bg: #166534 !important;
  --wsx-form-button-hover-color: #ffffff !important;

  --wsx-primary-color: #166534 !important;
}

/* 2) ALSO apply at the register panel level (WSX often sets vars here) */
body.page-b2b-register .wholesalex-form-wrapper.wsx_variation_4 .wholesalex-registration-form{
  --wsx-input-bg: #ffffff !important;
  --wsx-form-reg-bg: #ffffff !important;
}

/* 3) ALSO apply at the login panel level */
body.page-b2b-register .wholesalex-form-wrapper.wsx_variation_4 .wholesalex-login-form{
  --wsx-login-input-bg: #ffffff !important;
  --wsx-login-bg: #ffffff !important;
}

/* 4) Force backgrounds to white even if a rule hardcodes it */
body.page-b2b-register .wholesalex-form-wrapper.wsx_variation_4,
body.page-b2b-register .wholesalex-form-wrapper.wsx_variation_4 .wholesalex-registration-form,
body.page-b2b-register .wholesalex-form-wrapper.wsx_variation_4 .wholesalex-login-form{
  background: #ffffff !important;
  background-color: #ffffff !important;
}

/* 5) Force each input/select/textarea background (kills purple even if variable fails) */
body.page-b2b-register .wholesalex-form-wrapper.wsx_variation_4 input,
body.page-b2b-register .wholesalex-form-wrapper.wsx_variation_4 select,
body.page-b2b-register .wholesalex-form-wrapper.wsx_variation_4 textarea{
  background: #ffffff !important;
  background-color: #ffffff !important;
  color: #111827 !important;
}

/* 6) Nice focus ring */
body.page-b2b-register .wholesalex-form-wrapper.wsx_variation_4 .wsx-form-field:focus-within{
  border-color: #16a34a !important;
  box-shadow: 0 0 0 3px rgba(22,163,74,0.18) !important;
}

/* 7) Optional: remove breadcrumb */
body.page-b2b-register .storefront-breadcrumb,
body.page-b2b-register .woocommerce-breadcrumb{
  display:none !important;
}