/* ===== Piplup Plaza – Account AUTH (login/register) ===== */

/* Grid voor login/registreren */
#customer_login.u-columns{
  display:grid !important; grid-template-columns: minmax(0,1fr) minmax(0,1fr);
  gap:28px; align-items:start;
}
/* Pseudo clearfix die grid breekt uitschakelen */
#customer_login.u-columns::before,
#customer_login.u-columns::after{ content:none !important; display:none !important; }

/* Thema-floats neutraliseren */
#customer_login .u-column1, #customer_login .u-column2{
  float:none !important; width:auto !important; max-width:none !important; margin:0 !important;
  background:#fff; border:1px solid var(--pp-border); border-radius:var(--pp-radius);
  box-shadow: var(--pp-shadow); padding:28px;
      border: none !important;
    padding: 0 !important;
    box-sizing: border-box !important;
    box-shadow: none !important;
}
@media (max-width: 900px){ #customer_login.u-columns{ grid-template-columns:1fr !important; } }

/* Titels & subtitel */
#customer_login h2{ font-size: clamp(20px, 2.2vw, 26px); margin: 0 0 10px; }
#customer_login .pp-card__subtext, 
#customer_login form p:not(.form-row){ color: var(--pp-muted); margin: 0 0 16px; font-size:14px; }

/* Labels & velden */
#customer_login form .form-row label{
  display:block; font-weight:600; margin:10px 0 8px; font-size:14px; color:var(--pp-muted);
}
#customer_login form .form-row input.input-text,
#customer_login form .form-row input[type="email"],
#customer_login form .form-row input[type="password"],
#customer_login form .form-row input[type="text"]{
  width:100%; border:1px solid var(--pp-border); border-radius:12px; padding:14px 16px; font-size:16px;
  background:#fcfcfd; transition: box-shadow .2s, border-color .2s, background .2s;
}
#customer_login form .form-row input:focus{
  outline:none; border-color:var(--pp-primary);
  box-shadow:0 0 0 4px rgba(42,167,255,.20); background:#fff;
}

/* Wachtwoord oogje positioneren */
#customer_login .password-input{ position:relative; }
#customer_login .show-password-input{
  position:absolute; right:12px; top:50% !important; transform:translateY(-50%); opacity:.7;
}

/* Checkbox */
#customer_login .woocommerce-form__label-for-checkbox{
  display:flex; align-items:center; gap:10px; margin-top:8px; color:var(--pp-muted);
}

/* Knoppen */
#customer_login .button{
  background:var(--pp-primary); border:0; color:#fff; font-weight:700; padding:12px 18px; border-radius:12px;
  box-shadow:0 6px 14px rgba(42,167,255,.25); transition: transform .05s, background .15s, box-shadow .2s;
}
#customer_login .button:hover{ background:var(--pp-primary-600); }
#customer_login .button:active{ transform: translateY(1px); }

/* Lost password link */
#customer_login a{ color: var(--pp-primary); font-weight: 600; }
#customer_login a:hover{ text-decoration: underline; }