/* CELLMIND local reference rebuild — generated from website/cellmind-rebuild/src/styles. Do not edit output. */
/* ---- pages/lost-password.css ---- */
/* My account → lost password. The reference renders the reset form with only the generic account
   form rules (no card, no side padding): values from computed styles (evidence/wsC/lostpw-*.txt). */

/* Same page frame as the sign-in page: off-white, main grows to fill the viewport and centres the form. */
body.tpl-lost-password {
  display: flex;
  flex-direction: column;
  min-height: calc(100vh + var(--header-h));
  min-height: calc(100dvh + var(--header-h));
  background: var(--t-bg-off);
}
.tpl-lost-password .page {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 0 0 clamp(48px, 6vw, 80px);
}

.lost-pw { max-width: 100%; }
.lost-pw__label {
  display: block;
  margin: 0 0 7px;
  font-size: 10px;
  font-weight: 500;
  line-height: 1.6;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: var(--t-text-muted);
}
.lost-pw__input {
  display: inline-block;
  width: 100%;
  max-width: 100%;
  padding: 0.9rem 1.1rem;
  border: 1px solid var(--t-border-line);
  border-radius: 0;
  background: var(--t-bg-white);
  font-size: 16px;
  line-height: normal;
  color: var(--t-text-pure-black);
}
.lost-pw__input:focus { outline: none; border-color: var(--t-border-gold); box-shadow: 0 0 0 1px rgba(var(--t-shadow-gold-rgb), 0.25); }
.lost-pw__eq strong { font-weight: 700; }
.captcha-answer {
  display: inline-block;
  padding: 0;
  font: 400 16px/normal Arial, sans-serif;
  color: var(--t-text-pure-black);
}
.lost-pw__submit {
  display: inline-block;
  padding: 14px 24px;
  border: 0;
  border-radius: 0;
  background: var(--t-bg-gold-dark);
  color: var(--t-text-white);
  font-size: 12px;
  font-weight: 500;
  line-height: 1.6;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  text-align: center;
  cursor: pointer;
}
.lost-pw__submit:hover { background: var(--t-bg-gold-deep); }

/* Header on WooCommerce account routes (template-scoped override of the shared header). The reference's
   account stylesheet restyles every <button> on these pages: the desktop language toggle becomes a
   square gold-dark button with white text, and a later fix keeps the cart and menu buttons flat
   (cart icon gold-dark, no radius, no hover fill; hamburger without inner padding).
   Evidence: evidence/wsC/account-navbtns.txt vs affiliate-navbtns.txt. */
.tpl-lost-password .lang-dd__toggle {
  padding: 14px 24px;
  border: 0;
  border-radius: 0;
  background: var(--t-bg-gold-dark);
  color: var(--t-text-white);
  letter-spacing: 0.12em;
  box-shadow: 0 4px 16px rgba(var(--t-shadow-black-rgb), 0.06);
}
.tpl-lost-password .lang-dd__toggle:hover,
.tpl-lost-password .lang-dd.is-open .lang-dd__toggle { background: var(--t-bg-gold-deep); }
.tpl-lost-password .cart-btn,
.tpl-lost-password .cart-btn:hover,
.tpl-lost-password .cart-btn[aria-expanded="true"] { border-radius: 0; background: transparent; color: var(--t-text-gold-dark); }
.tpl-lost-password .menu-toggle { padding: 0; }