/* WooCommerce account screens. Scoped to the page, leaving the header login dialog alone. */
.hmp-redesign.woocommerce-account #main {
  background: var(--hmp-paper);
  color: var(--hmp-ink);
}
.hmp-redesign.woocommerce-account #main .my-account-header {
  background: linear-gradient(108deg, var(--hmp-ink) 45%, #202c22 100%);
  color: var(--hmp-on-dark);
  border-bottom: 0;
}
.hmp-redesign.woocommerce-account #main .my-account-header .page-title-inner {
  min-height: 0;
  padding-block: clamp(28px, 4.5vw, 53px);
}
.hmp-redesign.woocommerce-account #main .my-account-header h1 {
  position: relative;
  padding-top: 13px;
  color: var(--hmp-on-dark);
  font-size: clamp(34px, 5.25vw, 62px);
  line-height: 1;
  font-weight: 800;
  letter-spacing: -.055em;
  text-transform: none;
}
.hmp-redesign.woocommerce-account #main .my-account-header h1::before {
  content: '';
  position: absolute;
  top: 0;
  inset-inline-start: 0;
  width: 44px;
  height: 3px;
  background: var(--hmp-accent);
}
.hmp-redesign.woocommerce-account #main .my-account-header .text-center h1::before {
  inset-inline-start: calc(50% - 22px);
}
.hmp-redesign.woocommerce-account #main .my-account-header small {
  color: var(--hmp-muted-on-dark);
}
.hmp-redesign.woocommerce-account #main .page-wrapper.my-account {
  margin-bottom: 0;
  padding-block: clamp(24px, 4.8vw, 62px);
}
.hmp-redesign.woocommerce-account #main .account-container {
  max-width: 1050px;
  margin-inline: auto;
  padding: 0;
}
.hmp-redesign.woocommerce-account #main #customer_login {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: clamp(16px, 2.5vw, 30px);
  width: 100%;
  max-width: none;
  margin: 0;
}
.hmp-redesign.woocommerce-account #main #customer_login::before,
.hmp-redesign.woocommerce-account #main #customer_login::after { display: none; }
.hmp-redesign.woocommerce-account #main #customer_login > .col {
  margin: 0;
  max-width: none;
  min-width: 0;
  padding: 0;
  border: 0;
}
.hmp-redesign.woocommerce-account #main :is(.account-login-inner,.account-register-inner,.woocommerce-ResetPassword,.woocommerce-MyAccount-content,.account-nav,.dashboard-links a) {
  background: white;
  border: 1px solid var(--hmp-line);
  border-radius: 10px;
}
.hmp-redesign.woocommerce-account #main :is(.account-login-inner,.account-register-inner,.woocommerce-ResetPassword,.woocommerce-MyAccount-content) {
  padding: clamp(20px, 3vw, 36px);
  min-width: 0;
}
.hmp-redesign.woocommerce-account #main :is(.account-login-inner,.account-register-inner) { height: 100%; }
.hmp-redesign.woocommerce-account #main .account-container:not(:has(#customer_login)) .account-login-inner,
.hmp-redesign.woocommerce-account #main .woocommerce-ResetPassword { max-width: 545px; margin-inline: auto; }
.hmp-redesign.woocommerce-account #main :is(.account-login-inner,.account-register-inner) h2 {
  font-size: clamp(25px, 2.65vw, 34px);
  text-transform: none;
  letter-spacing: -.035em;
  margin: 0 0 20px;
}
.hmp-redesign.woocommerce-account #main :is(.account-container,.woocommerce-ResetPassword,.woocommerce-MyAccount-content) p {
  overflow-wrap: anywhere;
  line-height: 1.56;
}
.hmp-redesign.woocommerce-account #main .account-container form { margin-bottom: 0; }
.hmp-redesign.woocommerce-account #main :is(.account-container,.woocommerce-ResetPassword,.woocommerce-MyAccount-content) .form-row label {
  color: var(--hmp-ink);
  font-size: 14px;
}
.hmp-redesign.woocommerce-account #main :is(.account-container,.woocommerce-ResetPassword,.woocommerce-MyAccount-content) :is(input:not([type=hidden],[type=checkbox],[type=radio],[type=submit]),select,textarea,.select2-selection) {
  min-height: 46px;
  border-color: #818c99;
  border-radius: 5px;
  box-shadow: none;
  background-color: #fff;
  color: var(--hmp-ink);
  font-size: 16px;
}
.hmp-redesign.woocommerce-account #main input[type=checkbox] { accent-color: var(--hmp-blue); }
.hmp-redesign.woocommerce-account #main .show-password-input {
  width: 44px;
  height: 44px;
  margin: 0;
  padding: 0;
  right: 1px;
  top: 1px;
  background: transparent;
  border: 0;
}
.hmp-redesign.woocommerce-account #main .password-input input { padding-inline-end: 46px; }
.hmp-redesign.woocommerce-account #main .woocommerce-form-login__rememberme {
  display: flex;
  align-items: center;
  gap: 7px;
  min-height: 38px;
  width: fit-content;
}
.hmp-redesign.woocommerce-account #main .woocommerce-form-login__rememberme input { margin: 0; }
.hmp-redesign.woocommerce-account #main :is(.woocommerce-form-login__submit,.woocommerce-form-register__submit,.woocommerce-ResetPassword .button,.woocommerce-MyAccount-content .button) {
  min-height: 44px;
  border-radius: 5px;
  border: 1px solid transparent;
  margin: 0;
  color: var(--hmp-ink);
  background: var(--hmp-accent);
  font-size: 15px;
  font-weight: 750;
  text-transform: none;
  letter-spacing: 0;
}
.hmp-redesign.woocommerce-account #main :is(.woocommerce-form-login__submit,.woocommerce-form-register__submit,.woocommerce-ResetPassword .button,.woocommerce-MyAccount-content .button):hover {
  background: var(--hmp-accent-hover);
  box-shadow: none;
}
.hmp-redesign.woocommerce-account #main :is(.woocommerce-form-login__submit,.woocommerce-form-register__submit) { float: none; width: 100%; }
.hmp-redesign.woocommerce-account #main .woocommerce-LostPassword { margin-bottom: 0; }
.hmp-redesign.woocommerce-account #main :is(.woocommerce-LostPassword,.woocommerce-privacy-policy-text) a {
  text-decoration: underline;
  text-underline-offset: 3px;
}
.hmp-redesign.woocommerce-account #main .woocommerce-privacy-policy-text {
  color: var(--hmp-muted);
  font-size: 14px;
}
.hmp-redesign.woocommerce-account #main .woocommerce-ResetPassword .form-row { float: none; width: auto; }
.hmp-redesign.woocommerce-account #main .account-nav { margin: 0; padding: 8px; }
.hmp-redesign.woocommerce-account #main .account-nav li { border-color: var(--hmp-line); }
.hmp-redesign.woocommerce-account #main .account-nav li a {
  min-height: 44px;
  padding: 9px 12px;
  color: var(--hmp-ink);
  text-transform: none;
  letter-spacing: 0;
}
.hmp-redesign.woocommerce-account #main .account-nav li:is(.is-active,.active) a,
.hmp-redesign.woocommerce-account #main .account-nav li a:hover {
  background: var(--hmp-accent-surface);
  color: var(--hmp-blue);
}
.hmp-redesign.woocommerce-account #main .dashboard-links a {
  color: var(--hmp-ink);
  min-height: 44px;
}
.hmp-redesign.woocommerce-account #main .dashboard-links a:hover {
  background: var(--hmp-accent-surface);
  color: var(--hmp-blue);
  border-color: var(--hmp-blue);
}
@media (max-width: 700px) {
  .hmp-redesign.woocommerce-account #main #customer_login { grid-template-columns: minmax(0, 1fr); }
}