.sj-auth {
  width: 100%;
}

.login-form-side .sj-auth__tabs,
.wd-side-hidden .sj-auth__tabs,
.wd-dropdown-login .sj-auth__tabs,
.sj-auth .sj-auth__tabs {
  display: flex !important;
  gap: 6px !important;
  margin: 4px 0 16px !important;
  padding: 5px !important;
  border-radius: 999px !important;
  background: rgba(148, 163, 184, 0.22) !important;
  box-shadow: none !important;
  overflow: hidden;
}

.login-form-side .sj-auth__tabs :is(button),
.login-form-side :is(button).sj-auth__tab,
.wd-side-hidden .sj-auth__tabs :is(button),
.wd-side-hidden :is(button).sj-auth__tab,
.wd-dropdown-login .sj-auth__tabs :is(button),
.whb-header .sj-auth__tab,
.sj-auth .sj-auth__tab,
button.sj-auth__tab {
  flex: 1 1 0 !important;
  min-height: 42px !important;
  padding: 8px 10px !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: transparent !important;
  color: #475569 !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
  box-shadow: none !important;
  cursor: pointer;
}

.login-form-side .sj-auth__tabs :is(button).is-active,
.login-form-side :is(button).sj-auth__tab.is-active,
.wd-side-hidden :is(button).sj-auth__tab.is-active,
.sj-auth .sj-auth__tab.is-active,
button.sj-auth__tab.is-active {
  background: #fff !important;
  color: #0f172a !important;
  box-shadow: 0 6px 16px rgba(15, 23, 42, 0.1) !important;
}

.sj-auth__pane[hidden] {
  display: none !important;
}

.sj-auth-sms .sj-auth-code {
  letter-spacing: 0.35em;
  font-size: 20px;
  text-align: center;
}

.sj-auth-msg {
  min-height: 1.4em;
  margin: 0 0 8px;
  font-size: 13px;
}

.sj-auth-msg.is-error {
  color: #b42318;
}

.sj-auth-msg.is-ok {
  color: #027a48;
}

.sj-auth-complete {
  margin-bottom: 24px;
}

.sj-auth-complete-form {
  margin-top: 12px;
}

.woocommerce-form-register .sj-auth-phone-row input {
  direction: ltr;
  text-align: right;
}

.woocommerce-form-register p:has(#reg_username) {
  display: none;
}

.sj-auth-phone,
.sj-auth-code {
  direction: ltr;
  text-align: right;
}

.sj-auth-msg a,
a.sj-auth-register-link {
  color: #2563eb !important;
  font-weight: 700;
  text-decoration: underline !important;
}

.sj-auth-switch-row {
  margin: 12px 0 0 !important;
}

.sj-auth-show-register,
.sj-auth-show-login {
  width: 100%;
  background: transparent !important;
  border: 1px solid rgba(148, 163, 184, 0.45) !important;
  color: #334155 !important;
  box-shadow: none !important;
}

.sj-auth-register {
  margin-top: 8px;
}

.sj-auth-register[hidden] {
  display: none !important;
}

.sj-auth-account-page {
  max-width: 460px;
  margin: 0 auto;
}

.login-form-side .create-account-question,
.wd-registration-page .col-register,
.wd-registration-page .col-register-text {
  display: none !important;
}

.sj-terms-error {
  display: block;
  margin-top: 8px;
  color: #b42318;
  font-weight: 700;
}

.woocommerce-invalid #terms,
.woocommerce-invalid input[name="terms"] {
  outline: 2px solid #b42318;
}

.woocommerce-checkout #billing_company_field,
.woocommerce-checkout #shipping_company_field,
.woocommerce-checkout #billing_email_field,
.woocommerce-checkout #billing_address_2_field,
.woocommerce-checkout #shipping_address_2_field,
.woocommerce-checkout #billing_country_field,
.woocommerce-checkout #shipping_country_field,
.woocommerce-checkout #billing_first_name_field,
.woocommerce-checkout #billing_last_name_field,
.woocommerce-checkout #shipping_first_name_field,
.woocommerce-checkout #shipping_last_name_field,
.woocommerce-checkout .sj-hidden-country {
  display: none !important;
}

.sj-checkout-otp {
  margin: 0 0 16px;
}

.sj-checkout-otp .sj-checkout-code {
  margin-bottom: 8px;
}

.sj-checkout-otp .sj-checkout-verify {
  margin-top: 8px;
}

form.checkout #place_order {
  pointer-events: auto !important;
  opacity: 1 !important;
}
