/* TPS: edit account */
body.woocommerce-account.woocommerce-edit-account #content,
body.woocommerce-account.woocommerce-edit-account .page-wrapper {
  background: #ebebeb !important;
}

body.woocommerce-account.woocommerce-edit-account.logged-in #content .woocommerce {
  max-width: var(--tps-content-width, 1240px);
  width: 100%;
  margin: 0 auto;
  box-sizing: border-box;
  /* Horizontal 15px = Flatsome .container pad (align with logo / danh mục) */
  padding: 8px 15px 48px;
}

body.woocommerce-account.woocommerce-edit-account.logged-in .woocommerce-MyAccount-content {
  background: #fff !important;
  border: 1px solid #F3F4F6 !important;
  border-radius: 14px !important;
  box-shadow: 0 4px 18px rgba(0, 0, 0, 0.04) !important;
  padding: 28px 32px 32px !important;
  overflow: hidden !important;
}

/* Section title */
body.woocommerce-account.woocommerce-edit-account.logged-in .woocommerce-MyAccount-content > form.woocommerce-EditAccountForm::before,
body.woocommerce-account.woocommerce-edit-account.logged-in form.edit-account::before {
  content: "Chi tiết tài khoản";
  display: block;
  font-family: "Be Vietnam Pro", Montserrat, sans-serif !important;
  font-size: 20px !important;
  font-weight: 700 !important;
  color: #111827 !important;
  margin: 0 0 22px !important;
  padding: 0 0 14px !important;
  border-bottom: 1px solid #F3F4F6 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
}

body.woocommerce-account.woocommerce-edit-account form.woocommerce-EditAccountForm,
body.woocommerce-account.woocommerce-edit-account form.edit-account {
  margin: 0 !important;
  max-width: 640px;
}

/* Field rows */
body.woocommerce-account.woocommerce-edit-account form.edit-account .woocommerce-form-row,
body.woocommerce-account.woocommerce-edit-account form.edit-account .form-row,
body.woocommerce-account.woocommerce-edit-account form.woocommerce-EditAccountForm .woocommerce-form-row,
body.woocommerce-account.woocommerce-edit-account form.woocommerce-EditAccountForm .form-row {
  margin: 0 0 16px !important;
  padding: 0 !important;
  float: none !important;
}

body.woocommerce-account.woocommerce-edit-account form.edit-account .form-row-first,
body.woocommerce-account.woocommerce-edit-account form.edit-account .form-row-last,
body.woocommerce-account.woocommerce-edit-account form.woocommerce-EditAccountForm .form-row-first,
body.woocommerce-account.woocommerce-edit-account form.woocommerce-EditAccountForm .form-row-last {
  width: 48.5% !important;
  float: left !important;
}

body.woocommerce-account.woocommerce-edit-account form.edit-account .form-row-last,
body.woocommerce-account.woocommerce-edit-account form.woocommerce-EditAccountForm .form-row-last {
  float: right !important;
}

body.woocommerce-account.woocommerce-edit-account form.edit-account .clear,
body.woocommerce-account.woocommerce-edit-account form.woocommerce-EditAccountForm .clear {
  clear: both !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Labels */
body.woocommerce-account.woocommerce-edit-account form.edit-account label,
body.woocommerce-account.woocommerce-edit-account form.woocommerce-EditAccountForm label {
  display: block !important;
  font-family: "Be Vietnam Pro", Montserrat, sans-serif !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  color: #374151 !important;
  margin: 0 0 6px !important;
  line-height: 1.4 !important;
  visibility: visible !important;
  opacity: 1 !important;
}

body.woocommerce-account.woocommerce-edit-account form.edit-account label .required,
body.woocommerce-account.woocommerce-edit-account form.woocommerce-EditAccountForm label .required {
  color: #008b4b !important;
  text-decoration: none !important;
  border: 0 !important;
}

/* Inputs */
body.woocommerce-account.woocommerce-edit-account form.edit-account input.input-text,
body.woocommerce-account.woocommerce-edit-account form.edit-account input.woocommerce-Input,
body.woocommerce-account.woocommerce-edit-account form.edit-account input[type="text"],
body.woocommerce-account.woocommerce-edit-account form.edit-account input[type="email"],
body.woocommerce-account.woocommerce-edit-account form.edit-account input[type="password"],
body.woocommerce-account.woocommerce-edit-account form.woocommerce-EditAccountForm input.input-text,
body.woocommerce-account.woocommerce-edit-account form.woocommerce-EditAccountForm input.woocommerce-Input,
body.woocommerce-account.woocommerce-edit-account form.woocommerce-EditAccountForm input[type="text"],
body.woocommerce-account.woocommerce-edit-account form.woocommerce-EditAccountForm input[type="email"],
body.woocommerce-account.woocommerce-edit-account form.woocommerce-EditAccountForm input[type="password"] {
  width: 100% !important;
  height: 44px !important;
  min-height: 44px !important;
  border: 1px solid #E5E7EB !important;
  border-radius: 10px !important;
  padding: 0 14px !important;
  font-family: "Be Vietnam Pro", Montserrat, sans-serif !important;
  font-size: 14px !important;
  line-height: normal !important;
  color: #111827 !important;
  background: #fff !important;
  box-shadow: none !important;
  margin: 0 !important;
  transition: border-color 0.15s ease, box-shadow 0.15s ease !important;
  box-sizing: border-box !important;
  display: block !important;
}

body.woocommerce-account.woocommerce-edit-account form.edit-account input.input-text:hover,
body.woocommerce-account.woocommerce-edit-account form.edit-account input.woocommerce-Input:hover,
body.woocommerce-account.woocommerce-edit-account form.edit-account input[type="text"]:hover,
body.woocommerce-account.woocommerce-edit-account form.edit-account input[type="email"]:hover,
body.woocommerce-account.woocommerce-edit-account form.edit-account input[type="password"]:hover,
body.woocommerce-account.woocommerce-edit-account form.woocommerce-EditAccountForm input:hover {
  border-color: #d1d5db !important;
}

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

/* Display-name helper */
body.woocommerce-account.woocommerce-edit-account form.edit-account .woocommerce-form-row--wide > span,
body.woocommerce-account.woocommerce-edit-account form.edit-account #account_display_name + span,
body.woocommerce-account.woocommerce-edit-account form.woocommerce-EditAccountForm #account_display_name + span {
  display: block !important;
  margin-top: 6px !important;
  font-family: "Be Vietnam Pro", Montserrat, sans-serif !important;
  font-size: 12px !important;
  color: #9ca3af !important;
  line-height: 1.45 !important;
}

body.woocommerce-account.woocommerce-edit-account form.edit-account #account_display_name + span em,
body.woocommerce-account.woocommerce-edit-account form.woocommerce-EditAccountForm #account_display_name + span em {
  font-style: normal !important;
}

/* Password change — subcard */
body.woocommerce-account.woocommerce-edit-account form.edit-account fieldset,
body.woocommerce-account.woocommerce-edit-account form.woocommerce-EditAccountForm fieldset {
  border: 1px solid #E5E7EB !important;
  border-radius: 12px !important;
  background: #f9fafb !important;
  padding: 20px 18px 10px !important;
  margin: 12px 0 24px !important;
  box-shadow: none !important;
  min-width: 0 !important;
}

body.woocommerce-account.woocommerce-edit-account form.edit-account fieldset legend,
body.woocommerce-account.woocommerce-edit-account form.woocommerce-EditAccountForm fieldset legend {
  font-family: "Be Vietnam Pro", Montserrat, sans-serif !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  color: #008b4b !important;
  padding: 0 8px !important;
  margin: 0 0 8px !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
  float: none !important;
  width: auto !important;
  background: #f9fafb !important;
  border: 0 !important;
  line-height: 1.4 !important;
}

body.woocommerce-account.woocommerce-edit-account form.edit-account fieldset .woocommerce-form-row,
body.woocommerce-account.woocommerce-edit-account form.edit-account fieldset .form-row,
body.woocommerce-account.woocommerce-edit-account form.woocommerce-EditAccountForm fieldset .woocommerce-form-row,
body.woocommerce-account.woocommerce-edit-account form.woocommerce-EditAccountForm fieldset .form-row {
  margin: 0 0 14px !important;
  float: none !important;
  width: 100% !important;
}

/* Password input stack — WC native wrapper only */
body.woocommerce-account.woocommerce-edit-account form.edit-account .password-input,
body.woocommerce-account.woocommerce-edit-account form.woocommerce-EditAccountForm .password-input {
  display: block !important;
  width: 100% !important;
  position: relative !important;
  line-height: normal !important;
  font-size: inherit !important;
  margin: 0 !important;
}

body.woocommerce-account.woocommerce-edit-account form.edit-account .password-input input,
body.woocommerce-account.woocommerce-edit-account form.woocommerce-EditAccountForm .password-input input {
  width: 100% !important;
  height: 44px !important;
  min-height: 44px !important;
  padding-right: 44px !important;
  margin: 0 !important;
  display: block !important;
  box-sizing: border-box !important;
}

body.woocommerce-account.woocommerce-edit-account form.edit-account .show-password-input,
body.woocommerce-account.woocommerce-edit-account form.woocommerce-EditAccountForm .show-password-input {
  display: none !important;
}

body.woocommerce-account.woocommerce-edit-account form.edit-account .password-input > .tps-pw-toggle,
body.woocommerce-account.woocommerce-edit-account form.woocommerce-EditAccountForm .password-input > .tps-pw-toggle {
  position: absolute !important;
  right: 10px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 28px !important;
  height: 28px !important;
  margin: 0 !important;
  padding: 0 !important;
  z-index: 3 !important;
}

/* If a legacy wrap remains, flatten it; eye lives inside .password-input */
body.woocommerce-account.woocommerce-edit-account .tps-pw-wrap {
  display: contents !important;
}

/* Save button */
body.woocommerce-account.woocommerce-edit-account form.edit-account > p:last-of-type,
body.woocommerce-account.woocommerce-edit-account form.edit-account p:has(button[name="save_account_details"]),
body.woocommerce-account.woocommerce-edit-account form.woocommerce-EditAccountForm > p:last-of-type,
body.woocommerce-account.woocommerce-edit-account form.woocommerce-EditAccountForm p:has(button[name="save_account_details"]) {
  margin: 4px 0 0 !important;
  padding: 0 !important;
  clear: both !important;
}

body.woocommerce-account.woocommerce-edit-account form.edit-account button.woocommerce-Button.button,
body.woocommerce-account.woocommerce-edit-account form.edit-account button.woocommerce-Button,
body.woocommerce-account.woocommerce-edit-account form.edit-account button.button[name="save_account_details"],
body.woocommerce-account.woocommerce-edit-account form.edit-account button[name="save_account_details"],
body.woocommerce-account.woocommerce-edit-account form.edit-account button[type="submit"].button,
body.woocommerce-account.woocommerce-edit-account form.woocommerce-EditAccountForm button.woocommerce-Button.button,
body.woocommerce-account.woocommerce-edit-account form.woocommerce-EditAccountForm button.woocommerce-Button,
body.woocommerce-account.woocommerce-edit-account form.woocommerce-EditAccountForm button.button[name="save_account_details"],
body.woocommerce-account.woocommerce-edit-account form.woocommerce-EditAccountForm button[name="save_account_details"],
body.woocommerce-account.woocommerce-edit-account .woocommerce-MyAccount-content button[name="save_account_details"] {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: auto !important;
  min-width: 160px !important;
  height: 44px !important;
  padding: 0 28px !important;
  border: none !important;
  border-radius: 10px !important;
  background: #008b4b !important;
  background-color: #008b4b !important;
  background-image: none !important;
  color: #fff !important;
  font-family: "Be Vietnam Pro", Montserrat, sans-serif !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
  box-shadow: 0 2px 8px rgba(0, 139, 75, 0.22) !important;
  cursor: pointer !important;
  transition: background 0.15s ease, box-shadow 0.15s ease, transform 0.1s ease !important;
}

body.woocommerce-account.woocommerce-edit-account form.edit-account button.woocommerce-Button.button:hover,
body.woocommerce-account.woocommerce-edit-account form.edit-account button.button[name="save_account_details"]:hover,
body.woocommerce-account.woocommerce-edit-account form.edit-account button[name="save_account_details"]:hover,
body.woocommerce-account.woocommerce-edit-account form.woocommerce-EditAccountForm button.button[name="save_account_details"]:hover,
body.woocommerce-account.woocommerce-edit-account .woocommerce-MyAccount-content button[name="save_account_details"]:hover {
  background: #067a43 !important;
  background-color: #067a43 !important;
  background-image: none !important;
  color: #fff !important;
  box-shadow: 0 4px 12px rgba(0, 139, 75, 0.28) !important;
}

body.woocommerce-account.woocommerce-edit-account form.edit-account button[name="save_account_details"]:active,
body.woocommerce-account.woocommerce-edit-account form.woocommerce-EditAccountForm button[name="save_account_details"]:active {
  transform: translateY(1px) !important;
}

/* Notices inside card */
body.woocommerce-account.woocommerce-edit-account.logged-in .woocommerce-MyAccount-content .woocommerce-message,
body.woocommerce-account.woocommerce-edit-account.logged-in .woocommerce-MyAccount-content .woocommerce-error,
body.woocommerce-account.woocommerce-edit-account.logged-in .woocommerce-MyAccount-content .woocommerce-info {
  border-radius: 10px !important;
  margin: 0 0 18px !important;
}

/* Align with shared account nav card if theme ever shows sidebar */
body.woocommerce-account.woocommerce-edit-account.logged-in .woocommerce-MyAccount-navigation {
  background: #fff !important;
  border: 1px solid #F3F4F6 !important;
  border-radius: 14px !important;
  box-shadow: 0 4px 18px rgba(0, 0, 0, 0.04) !important;
  padding: 10px 0 !important;
  overflow: hidden;
}

@media (max-width: 849px) {
  body.woocommerce-account.woocommerce-edit-account.logged-in #content .woocommerce {
    padding: 16px 10px 36px;
  }
  body.woocommerce-account.woocommerce-edit-account.logged-in .woocommerce-MyAccount-content {
    padding: 20px 16px 24px !important;
    border-radius: 12px !important;
  }
  body.woocommerce-account.woocommerce-edit-account form.edit-account,
  body.woocommerce-account.woocommerce-edit-account form.woocommerce-EditAccountForm {
    max-width: none;
  }
  body.woocommerce-account.woocommerce-edit-account form.edit-account .form-row-first,
  body.woocommerce-account.woocommerce-edit-account form.edit-account .form-row-last,
  body.woocommerce-account.woocommerce-edit-account form.woocommerce-EditAccountForm .form-row-first,
  body.woocommerce-account.woocommerce-edit-account form.woocommerce-EditAccountForm .form-row-last {
    width: 100% !important;
    float: none !important;
  }
  body.woocommerce-account.woocommerce-edit-account form.edit-account fieldset,
  body.woocommerce-account.woocommerce-edit-account form.woocommerce-EditAccountForm fieldset {
    padding: 16px 14px 6px !important;
  }
  body.woocommerce-account.woocommerce-edit-account form.edit-account button.woocommerce-Button,
  body.woocommerce-account.woocommerce-edit-account form.edit-account button[name="save_account_details"],
  body.woocommerce-account.woocommerce-edit-account form.woocommerce-EditAccountForm button[name="save_account_details"] {
    width: 100% !important;
    min-width: 0 !important;
  }
}


/* Phone field (MU 1.0.25) */
body.woocommerce-account.woocommerce-edit-account form.edit-account .tps-edit-account-phone,
body.woocommerce-account.woocommerce-edit-account form.woocommerce-EditAccountForm .tps-edit-account-phone {
  clear: both !important;
  width: 100% !important;
  float: none !important;
  margin: 0 0 16px !important;
}