/* ---------- Lost Password page polish ---------- */
:root{
  --brand:#007337;
  --brand-700:#005c2b;
  --text:#1b1918;
}

.password-lost-wrapper{
  padding-top: 24px;
  padding-bottom: 32px;
}

.password-lost-wrapper h1.profilis-title-login{
  text-align:center;
  font-weight:700;
  line-height:1.1;
  margin-bottom: 12px;
  font-size: clamp(28px, 2.2vw + 16px, 48px);
}

.password-lost-wrapper .woocommerce-ResetPassword > p{
  color:#555;
  text-align:center;
  max-width:720px;
  margin: 0 auto 18px;
}

.password-lost-wrapper .form-control{
  height:56px;
  border:1px solid #ddd;
  padding:0 16px;
  font-size:16px;
  transition:border-color .2s, box-shadow .2s;
}
.password-lost-wrapper .form-control::placeholder{ color:#8b8b8b; }
.password-lost-wrapper .form-control:focus{
  outline:0;
  border-color:var(--brand);
  box-shadow:0 0 0 3px rgba(0,115,55,.15);
}

/* spacing */
.password-lost-wrapper .form-row{ margin-bottom: 10px; }
.password-lost-wrapper .form-row.text-center{ margin-top: 16px; }

/* ---------- Button system: brand / black / white ---------- */
.password-lost-wrapper .btn{
  font-weight: 600;
  letter-spacing:.02em;
  border:1px solid transparent;
  transition: transform .05s, background-color .2s, color .2s, border-color .2s, box-shadow .2s;
}
.password-lost-wrapper .btn:active{ transform: translateY(1px); }

/* Brand green (use .btn.btn-primary) */
.password-lost-wrapper .btn-primary{
  background: var(--brand);
  border-color: var(--brand);
  color: #fff;
}
.password-lost-wrapper .btn-primary:hover,
.password-lost-wrapper .btn-primary:focus{
  background: var(--brand-700);
  border-color: var(--brand-700);
  box-shadow: 0 8px 20px rgba(0,115,55,.20);
}

/* Black */
.password-lost-wrapper .btn-black{
  background:#1b1b1b;
  border-color:#1b1b1b;
  color:#fff;
}
.password-lost-wrapper .btn-black:hover,
.password-lost-wrapper .btn-black:focus{
  background:#000;
  border-color:#000;
  box-shadow:0 8px 20px rgba(0,0,0,.2);
}

/* White (subtle) */
.password-lost-wrapper .btn-white{
  background:#fff;
  color: var(--text);
  border-color:#ddd;
}
.password-lost-wrapper .btn-white:hover,
.password-lost-wrapper .btn-white:focus{
  color: var(--brand);
  border-color: var(--brand);
  box-shadow:0 8px 20px rgba(0,115,55,.12);
}

/* "Back to login" link styled neatly */
.password-lost-wrapper .woocommerce-LostPassword a{
  display:inline-flex;
  align-items:center;
  gap:.35em;
  color: var(--brand);
  font-weight:600;
  text-decoration:none;
}
.password-lost-wrapper .woocommerce-LostPassword a:hover{ text-decoration:underline; }
.password-lost-wrapper .woocommerce-LostPassword a::before{
  content:"";
  width:1em; height:1em; display:inline-block; background:currentColor;
  -webkit-mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="black" d="M15 18l-6-6 6-6"/></svg>') no-repeat center/contain;
          mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="black" d="M15 18l-6-6 6-6"/></svg>') no-repeat center/contain;
}

/* Kill the rogue <br> tags inside buttons/links on this page */
.password-lost-wrapper .btn br,
.password-lost-wrapper .woocommerce-LostPassword a br{ display:none !important; }

/* Make sure elements are centered nicely */
.password-lost-wrapper .text-center{ text-align:center; }