/**
 * Login page — clean fields on top of login_styles.css
 * Avoid broken MUI floating-label/outline polyfill.
 */

#LoginStyle .woocommerce-notices-wrapper,
#LoginStyle .woocommerce > .woocommerce-notices-wrapper {
  display: none !important;
}

#LoginStyle .login-container .container .page-title {
  display: block !important;
  font-family: var(--font-open-sans, 'Open Sans', sans-serif) !important;
  font-size: 24px !important;
  font-weight: 700 !important;
  color: #4a4a4a !important;
  margin: 0 0 16px !important;
  text-transform: capitalize;
}

#LoginStyle .login-content .login .headingText {
  margin: 0 0 24px !important;
  text-align: center;
  display: block;
  font-family: var(--font-pt-serif, 'PT Serif', serif) !important;
  font-size: 24px !important;
  font-weight: 700 !important;
  color: #4a4a4a !important;
}

#LoginStyle .show-password-input {
  display: none !important;
}

#LoginStyle .password-input {
  display: block;
  width: 100%;
}

#LoginStyle form.woocommerce-form-login {
  border: none !important;
  padding: 0 !important;
  background: transparent !important;
  margin: 0 !important;
  max-width: none !important;
}

/* Static labels above inputs — no absolute/transform overlap */
#LoginStyle .login-container .email .MuiFormLabel-root,
#LoginStyle .login-container .password .MuiFormLabel-root {
  position: static !important;
  transform: none !important;
  display: block !important;
  margin: 0 0 8px !important;
  font-family: var(--font-open-sans, 'Open Sans', sans-serif) !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  color: #4a4a4a !important;
  line-height: 1.4 !important;
  pointer-events: auto !important;
}

#LoginStyle .login-container .MuiFormControl-root,
#LoginStyle .login-container .MuiTextField-root {
  position: relative !important;
  display: block !important;
  width: 100% !important;
  margin: 0 0 20px !important;
}

#LoginStyle .login-container .MuiInputBase-root {
  position: relative !important;
  display: block !important;
  width: 100% !important;
  border: 1px solid #d9d9d9 !important;
  border-radius: 4px !important;
  background: #fff !important;
  box-sizing: border-box !important;
}

#LoginStyle .login-container .MuiInputBase-root:focus-within {
  border-color: #007ce0 !important;
}

#LoginStyle .login-container .MuiOutlinedInput-notchedOutline,
#LoginStyle .login-container fieldset {
  display: none !important;
}

#LoginStyle .login-container .MuiInputBase-input {
  width: 100% !important;
  box-sizing: border-box !important;
  padding: 12px 16px !important;
  font-size: 16px !important;
  line-height: 22px !important;
  color: #4a4a4a !important;
  border: none !important;
  outline: none !important;
  background: transparent !important;
  box-shadow: none !important;
}

#LoginStyle .login-container .ew-login-actions {
  margin: 8px 0 16px;
  padding: 0;
}

#LoginStyle .login-container .woocommerce-form-login__rememberme {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  color: #4a4a4a;
}

#LoginStyle .login-container .forgot-password {
  color: #007ce0 !important;
  font-size: 14px;
}

#LoginStyle .login-container .primary-btn,
#LoginStyle .login-container .woocommerce-form-login__submit,
#LoginStyle .login-container button.primary-btn {
  width: 100% !important;
  height: 46px !important;
  background-color: #4a4a4a !important;
  border: 1px solid #4a4a4a !important;
  color: #fff !important;
  border-radius: 4px !important;
  font-size: 18px !important;
  font-weight: 400 !important;
  text-transform: none !important;
  box-shadow: none !important;
  cursor: pointer;
  line-height: 44px !important;
  padding: 0 !important;
}

#LoginStyle .login-container .primary-btn:hover,
#LoginStyle .login-container .woocommerce-form-login__submit:hover {
  background-color: #9b9b9b !important;
  border-color: #9b9b9b !important;
  color: #fbfbfb !important;
}


/* Mobile login spacing */
@media (max-width: 1024px) {
  #LoginStyle .inner-container .login-container {
    padding-top: 16px !important;
    padding-bottom: 24px !important;
  }

  #LoginStyle .login-container .container .page-title {
    display: none !important;
  }

  #LoginStyle .login-content .login .headingText {
    margin: 0 0 20px !important;
    font-size: 22px !important;
  }

  #LoginStyle .login-content {
    max-width: 420px;
    margin: 0 auto;
  }
}