/* Jansma Haule – Mijn account (niet ingelogd) 2 kolommen */
body.woocommerce-account{
  --jh-green:#476930;
  --jh-green-700:#3b5a28;
  --jh-muted:#6b7280;
  --jh-radius:16px;
  --jh-shadow:0 10px 30px rgba(0,0,0,.06);
}

/* Grid: 50 / 50 */
body.woocommerce-account .jh-login-grid{
  display:grid;
  grid-template-columns: 1fr 1fr; /* 50/50 */
  gap: clamp(20px, 3vw, 40px);
  align-items: start;
  margin-top: 8px;
}

/* Linker kaart = het Woo login formulier */
body.woocommerce-account form.woocommerce-form.login{
  background:#fff;
  border-radius:var(--jh-radius);
  box-shadow:var(--jh-shadow);
  padding: clamp(18px, 2.2vw, 28px);
  border:0;
  margin: 0;
}

/* Titels */
body.woocommerce-account .woocommerce h2{
  margin:0 0 12px;
  font-size: clamp(22px, 2.4vw, 28px);
  line-height:1.2;
}

/* Inputs */
body.woocommerce-account form.login .input-text{
  width:100%;
  border:1px solid #e4e9e1;
  border-radius:12px;
  padding:12px 14px;
  outline:none;
  transition:border-color .2s, box-shadow .2s;
}
body.woocommerce-account form.login .input-text:focus{
  border-color:var(--jh-green);
  box-shadow:0 0 0 3px rgba(71,105,48,.15);
}

/* Checkbox + knoppen */
body.woocommerce-account form.login .woocommerce-form__label-for-checkbox{
  display:flex; align-items:center; gap:10px;
}
body.woocommerce-account form.login button.button{
  background:var(--jh-green); color:#fff; border:none; border-radius:999px;
  padding:10px 18px; font-weight:700; cursor:pointer;
  transition:background .2s, transform .06s;
}
body.woocommerce-account form.login button.button:hover{
  background:var(--jh-green-700); transform: translateY(-1px);
}

/* Notices netjes in de linker kaart */
body.woocommerce-account .woocommerce-notices-wrapper{
  margin-bottom:12px;
}
body.woocommerce-account .woocommerce-error,
body.woocommerce-account .woocommerce-info,
body.woocommerce-account .woocommerce-message{
  border-radius:12px; box-shadow:0 6px 18px rgba(0,0,0,.06);
  padding:12px 14px;
}

/* Rechter kaart: CTA */
body.woocommerce-account .jh-login-cta{
  background:#fff;
  border-radius:var(--jh-radius);
  box-shadow:var(--jh-shadow);
  padding: clamp(18px, 2.2vw, 28px);
}
body.woocommerce-account .jh-login-cta h2{
  margin:0 0 10px; font-size: clamp(22px, 2.4vw, 28px);
}
body.woocommerce-account .jh-login-cta p{ margin:0 0 16px; line-height:1.55; }
body.woocommerce-account .jh-login-cta .jh-contact-list{
  list-style:none; margin:0 0 8px; padding:0; display:flex; flex-wrap:wrap; gap:10px;
}
body.woocommerce-account .jh-login-cta .jh-pill{
  display:inline-block; text-decoration:none; font-weight:700;
  padding:10px 16px; border-radius:999px;
  background:transparent; color:var(--jh-green); border:2px solid var(--jh-green);
}
body.woocommerce-account .jh-login-cta .jh-pill:hover{ background:#f0f4ef; }
body.woocommerce-account .jh-login-cta .jh-small{ color:var(--jh-muted); font-size:14px; }

/* Responsive: stapelen */
@media (max-width: 980px){
  body.woocommerce-account .jh-login-grid{ grid-template-columns: 1fr; }
}

body.jh-account.user-logged-out .container .woocommerce { display:block !important; }

p.woocommerce-LostPassword.lost_password a {     color: #476930;
    text-decoration: underline; }