/* TPS: WooCommerce lost-password / reset pages — match auth modal polish.
   Shared “xanh gradient” = .tps-btn-green-gradient / --tps-green-* (see tps-auth-modal.css). */

body.woocommerce-lost-password {
  --tps-green-1: #22b873;
  --tps-green-2: #00a85a;
  --tps-green-3: #019650;
  --tps-green-hover-1: #00a85a;
  --tps-green-hover-2: #019650;
  --tps-green-hover-3: #008548;
  --tps-input-border: #b8bfba;
  --tps-ok-bg: #eef8f2;
  --tps-ok-border: #bfe5cf;
  --tps-ok-text: #0b5d34;
  --tps-err-bg: #fdecec;
  --tps-err-border: #f0b4b4;
  --tps-err-text: #9b1c1c;
}


/* Page backdrop around white card (match product / edit-account #ebebeb) */
body.woocommerce-lost-password #content,
body.woocommerce-lost-password .page-wrapper {
  background: #ebebeb !important;
}

/* Layout: centered card */
body.woocommerce-lost-password #content > .row > .large-12 {
  max-width: 520px !important;
  margin: 36px auto 56px !important;
  float: none !important;
}

body.woocommerce-lost-password .col-inner {
  padding: 0 !important;
}

body.woocommerce-lost-password .woocommerce {
  background: #fff !important;
  border-radius: 14px !important;
  max-width: 440px !important;
  margin: 0 auto !important;
  padding: 28px 28px 32px !important;
  box-shadow: 0 4px 24px rgba(15, 23, 42, 0.06), 0 1px 2px rgba(15, 23, 42, 0.04) !important;
  border: 1px solid #eef1ef !important;
  box-sizing: border-box !important;
}

/* Intro / follow-up copy */
body.woocommerce-lost-password .woocommerce > p,
body.woocommerce-lost-password form.lost_reset_password > p:not(.form-row):not(.woocommerce-form-row) {
  font-family: Montserrat, "Be Vietnam Pro", sans-serif !important;
  font-size: 15px !important;
  font-weight: 400 !important;
  line-height: 1.55 !important;
  color: #4b5563 !important;
  margin: 0 0 18px !important;
  text-align: left !important;
}

body.woocommerce-lost-password .woocommerce > p + p {
  margin-top: -6px !important;
}

/* Success / error notices — readable contrast (not Flatsome pale green) */
body.woocommerce-lost-password .woocommerce-message.message-wrapper,
body.woocommerce-lost-password .woocommerce-info.message-wrapper,
body.woocommerce-lost-password .woocommerce-error.message-wrapper,
body.woocommerce-lost-password .woocommerce-message,
body.woocommerce-lost-password .woocommerce-info,
body.woocommerce-lost-password .woocommerce-error {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  margin: 0 0 16px !important;
  padding: 0 !important;
}

body.woocommerce-lost-password .woocommerce-message .message-container,
body.woocommerce-lost-password .message-container.success-color {
  display: flex !important;
  align-items: flex-start !important;
  gap: 10px !important;
  justify-content: flex-start !important;
  text-align: left !important;
  font-family: Montserrat, "Be Vietnam Pro", sans-serif !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  line-height: 1.45 !important;
  color: var(--tps-ok-text) !important;
  background: var(--tps-ok-bg) !important;
  border: 1px solid var(--tps-ok-border) !important;
  border-radius: 10px !important;
  padding: 12px 14px !important;
  max-width: 100% !important;
  width: 100% !important;
  box-sizing: border-box !important;
  margin: 0 !important;
}

body.woocommerce-lost-password .woocommerce-error .message-container,
body.woocommerce-lost-password .message-container.alert-color,
body.woocommerce-lost-password .woocommerce-error {
  color: var(--tps-err-text) !important;
}

body.woocommerce-lost-password .woocommerce-error .message-container,
body.woocommerce-lost-password ul.woocommerce-error {
  background: var(--tps-err-bg) !important;
  border: 1px solid var(--tps-err-border) !important;
  border-radius: 10px !important;
  padding: 12px 14px !important;
  font-family: Montserrat, "Be Vietnam Pro", sans-serif !important;
  font-size: 14px !important;
  font-weight: 550 !important;
  color: var(--tps-err-text) !important;
  list-style: none !important;
  margin: 0 0 16px !important;
}

body.woocommerce-lost-password .woocommerce-message .message-container .icon-checkmark,
body.woocommerce-lost-password .woocommerce-message .message-container i {
  color: #019650 !important;
  font-size: 16px !important;
  margin: 2px 0 0 !important;
  flex: 0 0 auto !important;
}

/* Form rows */
body.woocommerce-lost-password form.lost_reset_password,
body.woocommerce-lost-password form.woocommerce-ResetPassword {
  margin: 0 !important;
}

body.woocommerce-lost-password form.lost_reset_password .form-row,
body.woocommerce-lost-password form.lost_reset_password .woocommerce-form-row,
body.woocommerce-lost-password form.woocommerce-ResetPassword .form-row {
  display: block !important;
  width: 100% !important;
  float: none !important;
  margin: 0 0 14px !important;
  padding: 0 !important;
}

body.woocommerce-lost-password form.lost_reset_password .form-row-first,
body.woocommerce-lost-password form.lost_reset_password .form-row-last {
  width: 100% !important;
  float: none !important;
}

body.woocommerce-lost-password form.lost_reset_password .clear {
  display: none !important;
}

/* Labels: visible, clean (WC has no placeholders here) */
body.woocommerce-lost-password form.lost_reset_password label,
body.woocommerce-lost-password form.woocommerce-ResetPassword label {
  display: block !important;
  font-family: Montserrat, "Be Vietnam Pro", sans-serif !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  line-height: 1.35 !important;
  color: #1f2937 !important;
  margin: 0 0 6px !important;
  letter-spacing: 0 !important;
}

body.woocommerce-lost-password form.lost_reset_password label .required,
body.woocommerce-lost-password form.woocommerce-ResetPassword label .required {
  color: #dc2626 !important;
  text-decoration: none !important;
  border: 0 !important;
}

/* Inputs — darker border like auth modal (#b8bfba) */
body.woocommerce-lost-password input.input-text,
body.woocommerce-lost-password input[type="text"],
body.woocommerce-lost-password input[type="email"],
body.woocommerce-lost-password input[type="password"],
body.woocommerce-lost-password .woocommerce-Input {
  width: 100% !important;
  max-width: 100% !important;
  height: 45px !important;
  border: 1px solid var(--tps-input-border) !important;
  border-radius: 10px !important;
  padding: 0 15px !important;
  font-family: Montserrat, "Be Vietnam Pro", sans-serif !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  line-height: 45px !important;
  color: #111827 !important;
  background: #fff !important;
  box-shadow: none !important;
  margin: 0 !important;
  box-sizing: border-box !important;
  transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

body.woocommerce-lost-password input.input-text:focus,
body.woocommerce-lost-password input[type="text"]:focus,
body.woocommerce-lost-password input[type="email"]:focus,
body.woocommerce-lost-password input[type="password"]:focus {
  border-color: #008b4b !important;
  outline: none !important;
  box-shadow: 0 0 0 3px rgba(0, 139, 75, 0.12) !important;
}

body.woocommerce-lost-password input[type="password"] {
  letter-spacing: 0.08em !important;
}

/* Password eye wrap (optional; JS may add .tps-pw-wrap) */
body.woocommerce-lost-password .tps-pw-wrap,
body.woocommerce-lost-password .password-input {
  position: relative !important;
  display: block !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  line-height: 0 !important;
}

body.woocommerce-lost-password .tps-pw-wrap > input.input-text,
body.woocommerce-lost-password .tps-pw-wrap > input[type="password"],
body.woocommerce-lost-password .tps-pw-wrap > input[type="text"],
body.woocommerce-lost-password .password-input > input.input-text {
  padding-right: 44px !important;
}

body.woocommerce-lost-password .tps-pw-toggle {
  position: absolute !important;
  top: 50% !important;
  right: 8px !important;
  transform: translateY(-50%) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 28px !important;
  height: 28px !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: #666 !important;
  cursor: pointer !important;
}

body.woocommerce-lost-password .tps-pw-toggle svg {
  width: 20px !important;
  height: 20px !important;
  display: block !important;
}

/* Hide WC strength meter noise on reset form */
body.woocommerce-lost-password .woocommerce-password-strength,
body.woocommerce-lost-password .woocommerce-password-hint,
body.woocommerce-lost-password .woocommerce-password-strength-meter {
  display: none !important;
}

/* CTA: shared xanh gradient (same as auth modal login) */
body.woocommerce-lost-password button.button,
body.woocommerce-lost-password button[type="submit"],
body.woocommerce-lost-password .woocommerce-Button.button,
body.woocommerce-lost-password button.tps-btn-green-gradient {
  width: 100% !important;
  height: 45px !important;
  line-height: 45px !important;
  padding: 0 16px !important;
  border: none !important;
  border-radius: 12px !important;
  background: linear-gradient(
    180deg,
    var(--tps-green-1) 0%,
    var(--tps-green-2) 50%,
    var(--tps-green-3) 100%
  ) !important;
  color: #fff !important;
  font-family: Montserrat, "Be Vietnam Pro", sans-serif !important;
  font-size: 16px !important;
  font-weight: 600 !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.06) !important;
  margin: 6px 0 0 !important;
  cursor: pointer !important;
  transition: background 0.15s ease, filter 0.15s ease;
}

body.woocommerce-lost-password button.button:hover,
body.woocommerce-lost-password button[type="submit"]:hover,
body.woocommerce-lost-password .woocommerce-Button.button:hover,
body.woocommerce-lost-password button.tps-btn-green-gradient:hover {
  background: linear-gradient(
    180deg,
    var(--tps-green-hover-1) 0%,
    var(--tps-green-hover-2) 55%,
    var(--tps-green-hover-3) 100%
  ) !important;
  color: #fff !important;
  filter: brightness(0.97);
}

body.woocommerce-lost-password button.button:focus,
body.woocommerce-lost-password button[type="submit"]:focus {
  outline: none !important;
  box-shadow: 0 0 0 3px rgba(0, 168, 90, 0.28) !important;
}

@media (max-width: 549px) {
  body.woocommerce-lost-password #content > .row > .large-12 {
    margin: 20px 12px 40px !important;
    max-width: none !important;
  }
  body.woocommerce-lost-password .woocommerce {
    padding: 22px 18px 26px !important;
    border-radius: 12px !important;
  }
}


/* Specificity boost: lost-password pages also carry .woocommerce-account:not(.logged-in) */
body.woocommerce-lost-password.woocommerce-account input.input-text,
body.woocommerce-lost-password.woocommerce-account input[type="text"],
body.woocommerce-lost-password.woocommerce-account input[type="email"],
body.woocommerce-lost-password.woocommerce-account input[type="password"],
body.woocommerce-lost-password.woocommerce-account .woocommerce-Input {
  border: 1px solid #b8bfba !important;
  border-radius: 10px !important;
  margin: 0 !important;
  font-family: Montserrat, "Be Vietnam Pro", sans-serif !important;
  font-weight: 500 !important;
}

body.woocommerce-lost-password.woocommerce-account button.button,
body.woocommerce-lost-password.woocommerce-account button[type="submit"],
body.woocommerce-lost-password.woocommerce-account .woocommerce-Button.button {
  background: linear-gradient(180deg, #22b873 0%, #00a85a 50%, #019650 100%) !important;
  background-color: #00a85a !important;
  border: none !important;
  border-radius: 12px !important;
  color: #fff !important;
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.06) !important;
  font-family: Montserrat, "Be Vietnam Pro", sans-serif !important;
  font-size: 16px !important;
  font-weight: 600 !important;
  text-transform: none !important;
  height: 45px !important;
  line-height: 45px !important;
  filter: none !important;
}

body.woocommerce-lost-password.woocommerce-account button.button:hover,
body.woocommerce-lost-password.woocommerce-account button[type="submit"]:hover,
body.woocommerce-lost-password.woocommerce-account .woocommerce-Button.button:hover {
  background: linear-gradient(180deg, #00a85a 0%, #019650 55%, #008548 100%) !important;
  background-color: #019650 !important;
  color: #fff !important;
  filter: brightness(0.97) !important;
}

body.woocommerce-lost-password.woocommerce-account .woocommerce-message .message-container,
body.woocommerce-lost-password.woocommerce-account .message-container.success-color {
  background: #eef8f2 !important;
  border: 1px solid #bfe5cf !important;
  color: #0b5d34 !important;
  border-radius: 10px !important;
  text-align: left !important;
  font-weight: 600 !important;
}


/* -------------------------------------------------------------------------
   Password-reset SUCCESS login (/tai-khoan/?password-reset=true)
   body.tps-password-reset-success — polish to match auth modal (~300px column,
   xanh gradient CTA, black lost-password link). Enqueued via MU site-assets.
   ------------------------------------------------------------------------- */

body.tps-password-reset-success {
  --tps-green-1: #22b873;
  --tps-green-2: #00a85a;
  --tps-green-3: #019650;
  --tps-green-hover-1: #00a85a;
  --tps-green-hover-2: #019650;
  --tps-green-hover-3: #008548;
  --tps-ok-bg: #eef8f2;
  --tps-ok-border: #bfe5cf;
  --tps-ok-text: #0b5d34;
  --tps-input-border: #b8bfba;
}

body.tps-password-reset-success.woocommerce-account:not(.logged-in) #content,
body.tps-password-reset-success.woocommerce-account:not(.logged-in) .page-wrapper {
  background: #ebebeb !important;
}

body.tps-password-reset-success.woocommerce-account:not(.logged-in) #content > .row > .large-12 {
  max-width: 520px !important;
  margin: 36px auto 56px !important;
  float: none !important;
}

body.tps-password-reset-success.woocommerce-account:not(.logged-in) .col-inner {
  padding: 0 !important;
}

body.tps-password-reset-success.woocommerce-account:not(.logged-in) .account-container {
  background: #fff !important;
  border-radius: 14px !important;
  max-width: 440px !important;
  margin: 0 auto !important;
  padding: 28px 28px 32px !important;
  box-shadow: 0 4px 24px rgba(15, 23, 42, 0.06), 0 1px 2px rgba(15, 23, 42, 0.04) !important;
  border: 1px solid #eef1ef !important;
  box-sizing: border-box !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 0 !important;
}

/* Hide stock WC notice + register chrome */
body.tps-password-reset-success .woocommerce-notices-wrapper .woocommerce-message,
body.tps-password-reset-success .woocommerce-notices-wrapper .woocommerce-error,
body.tps-password-reset-success .woocommerce > .woocommerce-error {
  display: none !important;
}

body.tps-password-reset-success.woocommerce-account:not(.logged-in) .tps-auth-tabs,
body.tps-password-reset-success.woocommerce-account:not(.logged-in) .tps-auth-title,
body.tps-password-reset-success.woocommerce-account:not(.logged-in) #tps-register,
body.tps-password-reset-success.woocommerce-account:not(.logged-in) .tps-auth-panel#tps-register,
body.tps-password-reset-success.woocommerce-account:not(.logged-in) .account-register-inner,
body.tps-password-reset-success.woocommerce-account:not(.logged-in) #customer_login .col-2,
body.tps-password-reset-success.woocommerce-account:not(.logged-in) .account-login-inner > h3 {
  display: none !important;
}

body.tps-password-reset-success.woocommerce-account:not(.logged-in) .tps-auth-panel#tps-login,
body.tps-password-reset-success.woocommerce-account:not(.logged-in) .tps-auth-panel.is-active {
  display: block !important;
  height: auto !important;
  overflow: visible !important;
  width: 100% !important;
}

/* Success banner — full card width */
body.tps-password-reset-success .tps-pw-reset-banner {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  text-align: center !important;
  gap: 8px !important;
  width: 100% !important;
  margin: 0 0 20px !important;
  padding: 18px 16px 16px !important;
  background: var(--tps-ok-bg) !important;
  border: 1px solid var(--tps-ok-border) !important;
  border-radius: 12px !important;
  box-sizing: border-box !important;
}

body.tps-password-reset-success .tps-pw-reset-banner__icon {
  width: 48px !important;
  height: 48px !important;
  border-radius: 50% !important;
  background: linear-gradient(
    180deg,
    var(--tps-green-1) 0%,
    var(--tps-green-2) 50%,
    var(--tps-green-3) 100%
  ) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-shadow: 0 4px 12px rgba(1, 150, 80, 0.28) !important;
  flex: 0 0 auto !important;
}

body.tps-password-reset-success .tps-pw-reset-banner__icon svg {
  width: 24px;
  height: 24px;
  display: block;
}

body.tps-password-reset-success .tps-pw-reset-banner__title {
  margin: 2px 0 0 !important;
  padding: 0 !important;
  font-family: Montserrat, "Be Vietnam Pro", sans-serif !important;
  font-size: 18px !important;
  font-weight: 700 !important;
  line-height: 1.35 !important;
  color: var(--tps-ok-text) !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
}

body.tps-password-reset-success .tps-pw-reset-banner__tip {
  margin: 0 !important;
  padding: 0 !important;
  max-width: 320px !important;
  font-family: Montserrat, "Be Vietnam Pro", sans-serif !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  line-height: 1.5 !important;
  color: #4b5563 !important;
}

/* Title ĐĂNG NHẬP — 18px, even gap above form */
body.tps-password-reset-success .tps-pw-reset-login-heading {
  margin: 0 0 16px !important;
  padding: 0 !important;
  text-align: center !important;
  font-family: Montserrat, "Be Vietnam Pro", sans-serif !important;
  font-size: 18px !important;
  font-weight: 600 !important;
  line-height: 1.3 !important;
  color: #111 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.02em !important;
  width: 100% !important;
}

/* Centered ~300px form column (match auth modal) */
body.tps-password-reset-success.woocommerce-account:not(.logged-in) form.woocommerce-form-login,
body.tps-password-reset-success.woocommerce-account:not(.logged-in) .tps-auth-panel#tps-login form.woocommerce-form,
body.tps-password-reset-success.woocommerce-account:not(.logged-in) .account-login-inner form.woocommerce-form {
  margin: 0 auto !important;
  width: 100% !important;
  max-width: 300px !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  box-sizing: border-box !important;
}

body.tps-password-reset-success.woocommerce-account:not(.logged-in) .woocommerce-form-login .form-row,
body.tps-password-reset-success.woocommerce-account:not(.logged-in) .woocommerce-form-login p.form-row {
  margin: 0 0 12px !important;
  padding: 0 !important;
  width: 100% !important;
  float: none !important;
}

body.tps-password-reset-success.woocommerce-account:not(.logged-in) .woocommerce-form-login input.input-text,
body.tps-password-reset-success.woocommerce-account:not(.logged-in) .woocommerce-form-login input[type="text"],
body.tps-password-reset-success.woocommerce-account:not(.logged-in) .woocommerce-form-login input[type="password"],
body.tps-password-reset-success.woocommerce-account:not(.logged-in) .woocommerce-form-login input[type="email"] {
  width: 100% !important;
  max-width: 100% !important;
  height: 45px !important;
  border: 1px solid var(--tps-input-border) !important;
  border-radius: 10px !important;
  padding: 0 14px !important;
  font-family: Montserrat, "Be Vietnam Pro", sans-serif !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  line-height: 45px !important;
  color: #111827 !important;
  background: #fff !important;
  box-shadow: none !important;
  box-sizing: border-box !important;
  margin: 0 !important;
}

body.tps-password-reset-success.woocommerce-account:not(.logged-in) .woocommerce-form-login input.input-text:focus,
body.tps-password-reset-success.woocommerce-account:not(.logged-in) .woocommerce-form-login input[type="text"]:focus,
body.tps-password-reset-success.woocommerce-account:not(.logged-in) .woocommerce-form-login input[type="password"]:focus,
body.tps-password-reset-success.woocommerce-account:not(.logged-in) .woocommerce-form-login input[type="email"]:focus {
  border-color: #008b4b !important;
  outline: none !important;
  box-shadow: 0 0 0 3px rgba(0, 139, 75, 0.12) !important;
}

/* CTA: xanh gradient = auth modal / .tps-btn-green-gradient; slightly more radius */
body.tps-password-reset-success.woocommerce-account:not(.logged-in) .woocommerce-form-login__submit,
body.tps-password-reset-success.woocommerce-account:not(.logged-in) button.woocommerce-form-login__submit,
body.tps-password-reset-success.woocommerce-account:not(.logged-in) .woocommerce-form-login button[type="submit"],
body.tps-password-reset-success.woocommerce-account:not(.logged-in) .woocommerce-form-login button.tps-btn-green-gradient {
  width: 100% !important;
  max-width: 100% !important;
  height: 45px !important;
  line-height: 45px !important;
  padding: 0 16px !important;
  border: none !important;
  border-radius: 14px !important;
  background: linear-gradient(
    180deg,
    var(--tps-green-1) 0%,
    var(--tps-green-2) 50%,
    var(--tps-green-3) 100%
  ) !important;
  background-color: var(--tps-green-2) !important;
  color: #fff !important;
  font-family: Montserrat, "Be Vietnam Pro", sans-serif !important;
  font-size: 16px !important;
  font-weight: 600 !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.06) !important;
  margin: 4px 0 0 !important;
  cursor: pointer !important;
  filter: none !important;
  transition: background 0.15s ease, filter 0.15s ease;
}

body.tps-password-reset-success.woocommerce-account:not(.logged-in) .woocommerce-form-login__submit:hover,
body.tps-password-reset-success.woocommerce-account:not(.logged-in) button.woocommerce-form-login__submit:hover,
body.tps-password-reset-success.woocommerce-account:not(.logged-in) .woocommerce-form-login button[type="submit"]:hover {
  background: linear-gradient(
    180deg,
    var(--tps-green-hover-1) 0%,
    var(--tps-green-hover-2) 55%,
    var(--tps-green-hover-3) 100%
  ) !important;
  background-color: var(--tps-green-hover-2) !important;
  color: #fff !important;
  filter: brightness(0.97) !important;
}

body.tps-password-reset-success.woocommerce-account:not(.logged-in) .woocommerce-form-login__rememberme {
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
  font-size: 13px !important;
  color: #555 !important;
  margin: 0 0 10px !important;
}

/* Quên mật khẩu? — black; hover underline only (auth modal) */
body.tps-password-reset-success .woocommerce-LostPassword,
body.tps-password-reset-success .lost_password,
body.tps-password-reset-success p.lost_password {
  text-align: center !important;
  margin: 14px 0 0 !important;
  width: 100% !important;
  max-width: 300px !important;
}

body.tps-password-reset-success .woocommerce-LostPassword a,
body.tps-password-reset-success .lost_password a,
body.tps-password-reset-success p.lost_password a {
  color: #000 !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  text-decoration: none !important;
  background: transparent !important;
}

body.tps-password-reset-success .woocommerce-LostPassword a:hover,
body.tps-password-reset-success .woocommerce-LostPassword a:focus,
body.tps-password-reset-success .lost_password a:hover,
body.tps-password-reset-success .lost_password a:focus,
body.tps-password-reset-success p.lost_password a:hover,
body.tps-password-reset-success p.lost_password a:focus {
  color: #000 !important;
  text-decoration: underline !important;
  font-weight: inherit !important;
  background: transparent !important;
}

@media (max-width: 480px) {
  body.tps-password-reset-success.woocommerce-account:not(.logged-in) .account-container {
    padding: 22px 18px 26px !important;
    border-radius: 12px !important;
  }
  body.tps-password-reset-success .tps-pw-reset-banner__title {
    font-size: 16px !important;
  }
  body.tps-password-reset-success .tps-pw-reset-login-heading {
    font-size: 18px !important;
  }
}