/* EquineOne: inlogpagina in de stijl van de editor */
:root{--bg:#f1f1f1;--panel:#fff;--ink:#000;--mute:#474747;--line:#e6e6e6;--line-strong:#d4d4d4;--neutral:#0000000f;--sel:#0b63e8;--danger:#b3261e;--ok:#1d7a46}
html,body.login{background:var(--bg)!important;height:auto;min-height:100%}
body.login{font:16px/1.5 "Figtree",-apple-system,"Segoe UI",system-ui,sans-serif;color:var(--ink);display:block;margin:0}
.eo-login{min-height:100vh;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0}
/* Beeld */
.eo-side{position:relative;margin:16px 0 16px 16px;border-radius:24px;overflow:hidden;background:#14231c;min-height:calc(100vh - 32px)}
.eo-img{position:absolute;inset:0;background-size:cover;background-position:center}
.eo-side::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.25),rgba(0,0,0,.05) 35%,rgba(0,0,0,.65))}
.eo-side-in{position:relative;z-index:1;height:100%;display:flex;flex-direction:column;justify-content:space-between;padding:32px;color:#fff;box-sizing:border-box}
.eo-brand{display:inline-flex;align-items:center;gap:10px;font-weight:700;font-size:15px;letter-spacing:.01em}
.eo-brand svg{width:32px;height:32px}
.eo-stal img{max-height:56px;max-width:200px;margin-bottom:16px;display:block;filter:drop-shadow(0 2px 8px rgba(0,0,0,.3))}
.eo-stal h2{margin:0;font:600 clamp(2rem,3.4vw,3rem)/1.1 "Figtree",sans-serif;letter-spacing:-.02em;color:#fff}
.eo-stal p{margin:10px 0 0;font-size:17px;color:rgba(255,255,255,.85);max-width:28ch}
/* Formulier */
.eo-main{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:40px 24px;min-width:0}
#login{width:100%;max-width:400px;padding:0!important;margin:0!important}
#login h1.wp-login-logo,#login>h1:first-child{display:none}
.eo-head{margin:0 0 24px}
.eo-head h1{text-align:left!important;margin:0;font-size:2rem;font-weight:600;letter-spacing:-.02em;line-height:1.15}
.eo-head p{margin:8px 0 0;color:var(--mute);font-size:15.5px}
.login form{margin:0!important;padding:0!important;background:none!important;border:0!important;box-shadow:none!important;overflow:visible}
.login form .input,.login input[type=text],.login input[type=password],.login input[type=email]{box-sizing:border-box;width:100%;height:50px;margin:6px 0 18px!important;padding:0 14px!important;font-size:16px!important;line-height:1;background:var(--panel)!important;border:1px solid var(--line-strong)!important;border-radius:12px!important;box-shadow:none!important;color:var(--ink)}
.login form .input:focus,.login input:focus{border-color:var(--sel)!important;box-shadow:0 0 0 3px rgba(11,99,232,.18)!important;outline:none}
.login label{font-size:14px!important;font-weight:600;color:var(--ink);line-height:1.4}
.login .user-pass-wrap{margin:0}
.login .wp-pwd{position:relative}
.login .button.wp-hide-pw{height:50px!important;width:50px!important;min-width:0;top:6px!important;right:0!important;border:0!important;background:transparent!important;color:var(--mute)!important;box-shadow:none!important}
.login .button.wp-hide-pw:focus{box-shadow:0 0 0 3px rgba(11,99,232,.18)!important;border-radius:12px}
.login .forgetmenot{float:none!important;margin:0 0 20px!important;display:flex;align-items:center}
.login .forgetmenot label{display:inline-flex;align-items:center;gap:10px;font-weight:500;cursor:pointer}
.login input[type=checkbox]{width:20px!important;height:20px!important;margin:0!important;border:1.5px solid var(--line-strong)!important;border-radius:6px!important;box-shadow:none!important}
.login input[type=checkbox]:checked{background:var(--ink)!important;border-color:var(--ink)!important}
.login input[type=checkbox]:checked::before{filter:invert(1) brightness(2);margin:-.1rem 0 0 -.15rem!important}
.login .submit{float:none!important;margin:0!important;padding:0!important}
.wp-core-ui .button-primary,.login .button-primary{float:none!important;width:100%!important;height:52px!important;border-radius:999px!important;background:var(--ink)!important;border:0!important;color:#fff!important;font:600 16px "Figtree",sans-serif!important;text-shadow:none!important;box-shadow:none!important;transition:opacity .15s}
.wp-core-ui .button-primary:hover{opacity:.85}
.wp-core-ui .button-primary:focus{box-shadow:0 0 0 3px rgba(11,99,232,.35)!important}
.login .button-secondary,.login #wp-generate-pw,.login .wp-generate-pw{height:44px!important;border-radius:999px!important;border:1px solid var(--line-strong)!important;background:var(--panel)!important;color:var(--ink)!important;font-weight:600!important;padding:0 18px!important;box-shadow:none!important}
.login #nav,.login #backtoblog{margin:22px 0 0!important;padding:0!important;text-align:left;font-size:14.5px}
.login #backtoblog{margin-top:8px!important}
.login #nav a,.login #backtoblog a{color:var(--ink)!important;font-weight:600;text-decoration:underline;text-underline-offset:3px}
.login #nav a:hover,.login #backtoblog a:hover{color:var(--mute)!important}
.login .privacy-policy-page-link{display:none}
/* Meldingen */
.login .message,.login .notice,.login .success,.login #login_error{border:0!important;border-radius:12px!important;box-shadow:none!important;margin:0 0 20px!important;padding:12px 16px!important;font-size:14.5px;background:#eef4ff!important;color:var(--ink)}
.login #login_error,.login .notice-error{background:#fdecea!important;color:#5f1410}
.login .success,.login .notice-success{background:#e3f1e8!important}
.login .indicator-hint,.login .description{color:var(--mute);font-size:13.5px;line-height:1.5}
#pass-strength-result{border-radius:10px!important;border:0!important;padding:8px 12px!important;margin:-8px 0 14px!important;font-weight:600;font-size:13.5px}
.login .pw-weak{margin:0 0 14px}
.login .reset-pass-submit{display:flex;gap:10px;flex-direction:column-reverse}
.login .reset-pass-submit .button{width:100%!important}
.eo-foot{margin:48px 0 0;font-size:13px;color:var(--mute);text-align:center}
.eo-foot a{color:inherit}
.interim-login .eo-side,.interim-login .eo-foot{display:none}
.interim-login .eo-login{grid-template-columns:1fr}
@media (max-width:900px){
  .eo-login{grid-template-columns:1fr;grid-template-rows:auto 1fr}
  .eo-side{margin:12px 12px 0;min-height:200px;border-radius:20px}
  .eo-side-in{padding:20px}
  .eo-stal h2{font-size:1.6rem}
  .eo-stal p{display:none}
  .eo-main{justify-content:flex-start;padding:28px 20px 32px}
  .eo-head h1{font-size:1.7rem}
}