/* Mierlo voor Mierlo — native WordPress login presentation. */
:root{--mvm-login-blue:#1966AE;--mvm-login-blue-deep:#0F4F88;--mvm-login-ink:#17222D;--mvm-login-muted:#586A7A;--mvm-login-line:#D8E3EC;--mvm-login-paper:#FFFFFF;--mvm-login-focus:#E89713}
html{background:var(--mvm-login-blue)}
body.login{min-height:100vh;margin:0;background:radial-gradient(circle at 12% 10%,rgba(255,255,255,.14),transparent 28rem),radial-gradient(circle at 88% 86%,rgba(8,52,94,.34),transparent 34rem),linear-gradient(145deg,#1966AE 0%,#125994 55%,#0F4F88 100%);color:var(--mvm-login-ink);font-family:"Segoe UI",Tahoma,Geneva,Verdana,sans-serif}
body.login:before{content:"";position:fixed;inset:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:32px 32px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.6),transparent 72%)}
body.login #login{position:relative;z-index:1;width:min(440px,calc(100% - 32px));padding:42px 0 28px;margin:0 auto}
body.login #login h1{margin:0;padding:26px 28px 22px;border:1px solid rgba(255,255,255,.2);border-bottom:0;border-radius:24px 24px 0 0;background:var(--mvm-login-blue);box-shadow:0 24px 64px rgba(5,35,64,.26)}
body.login #login h1 a{display:block;width:100%;height:112px;margin:0;background-image:url('https://www.mierlovoormierlo.nl/wp-content/uploads/2026/08/mvmlogo.jpg')!important;background-size:contain!important;background-position:center!important;background-repeat:no-repeat!important;outline-offset:6px;text-indent:-9999px}
body.login #login h1 a:focus-visible{outline:3px solid #fff;box-shadow:0 0 0 6px rgba(232,151,19,.75)}
body.login .mvm-login-intro{margin:0;padding:26px 32px 8px;border-left:1px solid var(--mvm-login-line);border-right:1px solid var(--mvm-login-line);background:var(--mvm-login-paper)}
body.login .mvm-login-eyebrow{margin:0 0 7px;color:var(--mvm-login-blue)!important;font-size:12px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}
body.login .mvm-login-intro h2{margin:0 0 8px;color:var(--mvm-login-ink);font-size:27px;line-height:1.15;font-weight:800;letter-spacing:-.025em}
body.login .mvm-login-intro>p:last-child{margin:0;color:var(--mvm-login-muted);font-size:14px;line-height:1.6}
body.login #loginform,body.login #lostpasswordform,body.login #registerform,body.login #resetpassform{margin:0;padding:22px 32px 30px;border:1px solid var(--mvm-login-line);border-top:0;border-radius:0 0 24px 24px;background:var(--mvm-login-paper);box-shadow:0 24px 64px rgba(5,35,64,.26);overflow:visible}
body.login #login_error,body.login .message,body.login .success{margin:0;padding:14px 32px;border:0;border-left:1px solid var(--mvm-login-line);border-right:1px solid var(--mvm-login-line);background:#fff;color:var(--mvm-login-ink);box-shadow:none;font-size:13px;line-height:1.5}
body.login #login_error{border-left:5px solid #B42318;background:#FFF4F2}
body.login .message,body.login .success{border-left:5px solid var(--mvm-login-blue);background:#F0F7FD}
body.login form p,body.login .user-pass-wrap{margin-bottom:18px}
body.login label{color:var(--mvm-login-ink);font-size:13px;font-weight:750;line-height:1.35}
body.login form .input,body.login input[type=text],body.login input[type=password],body.login input[type=email]{width:100%;min-height:50px;margin-top:7px;padding:10px 13px;border:1px solid #BFCEDA;border-radius:11px;background:#fff;color:var(--mvm-login-ink);font-size:16px;box-shadow:inset 0 1px 2px rgba(15,45,72,.04);transition:border-color .16s ease,box-shadow .16s ease}
body.login form .input:focus,body.login input[type=text]:focus,body.login input[type=password]:focus,body.login input[type=email]:focus{border-color:var(--mvm-login-blue);box-shadow:0 0 0 3px rgba(25,102,174,.16);outline:2px solid transparent}
body.login .wp-pwd{position:relative}
body.login .wp-pwd .password-input{padding-right:48px}
body.login .wp-hide-pw{right:5px;top:7px;min-width:40px;height:40px;border:0;background:transparent;color:var(--mvm-login-blue)}
body.login .wp-hide-pw:focus-visible{outline:3px solid rgba(25,102,174,.3);outline-offset:1px;border-radius:8px}
body.login .forgetmenot{display:flex;align-items:center;gap:7px;float:none!important;margin:2px 0 18px!important}
body.login .forgetmenot input[type=checkbox]{width:18px;height:18px;margin:0;border-color:#9EB1C0;border-radius:5px}
body.login .forgetmenot input[type=checkbox]:focus{border-color:var(--mvm-login-blue);box-shadow:0 0 0 3px rgba(25,102,174,.16)}
body.login .forgetmenot label{margin:0;font-weight:650}
body.login .forgetmenot .wp-tooltip{margin-left:auto}
body.login .submit{margin:0!important;padding:0!important}
body.login .button-primary,body.login #wp-submit{float:none;width:100%;min-height:50px;padding:10px 18px;border:2px solid var(--mvm-login-blue)!important;border-radius:11px;background:var(--mvm-login-blue)!important;color:#fff!important;-webkit-text-fill-color:#fff!important;font-size:15px;font-weight:800;line-height:1.2;text-shadow:none;box-shadow:none;transition:transform .15s ease,background .15s ease,box-shadow .15s ease}
body.login .button-primary:hover,body.login #wp-submit:hover{background:var(--mvm-login-blue-deep)!important;border-color:var(--mvm-login-blue-deep)!important;transform:translateY(-1px);box-shadow:0 9px 22px rgba(25,102,174,.2)}
body.login .button-primary:focus-visible,body.login #wp-submit:focus-visible{outline:3px solid var(--mvm-login-focus);outline-offset:3px;box-shadow:none}
body.login .peepso_captcha_field_div{display:block!important;visibility:visible!important;opacity:1!important;width:100%;max-width:100%;margin:0 0 18px;overflow:hidden}
body.login .peepso_captcha_field_div .g-recaptcha,body.login .peepso_captcha_field_div iframe{display:block!important;visibility:visible!important;max-width:100%}
body.login .privacy-policy-page-link{margin:12px 0 0}
body.login #nav,body.login #backtoblog{display:none!important}
body.login .mvm-login-footer{position:relative;z-index:1;display:flex;flex-wrap:wrap;justify-content:center;gap:7px;margin:18px auto 0;padding:0 12px;color:rgba(255,255,255,.72);font-size:12px;line-height:1.5;text-align:center}
body.login .mvm-login-footer a{color:#fff!important;-webkit-text-fill-color:#fff!important;font-weight:700;text-decoration:none;border-bottom:1px solid rgba(255,255,255,.42)}
body.login .mvm-login-footer a:hover{border-bottom-color:#fff}
body.login .mvm-login-footer a:focus-visible{outline:3px solid #fff;outline-offset:4px;border-radius:2px}
body.login .language-switcher{position:relative;z-index:1;margin:6px auto 24px;color:#fff}
body.login .language-switcher label .dashicons{color:#fff}
body.login .language-switcher select{border-color:rgba(255,255,255,.7);background:#fff;color:var(--mvm-login-ink)}
body.login .language-switcher .button{border-color:#fff;background:transparent;color:#fff}
body.login .language-switcher .button:hover,body.login .language-switcher .button:focus{background:#fff;color:var(--mvm-login-blue)}
@media(max-width:560px){body.login #login{width:min(100% - 22px,440px);padding-top:18px}body.login #login h1{padding:20px 20px 16px;border-radius:18px 18px 0 0}body.login #login h1 a{height:88px}body.login .mvm-login-intro{padding:22px 22px 7px}body.login .mvm-login-intro h2{font-size:24px}body.login #loginform,body.login #lostpasswordform,body.login #registerform,body.login #resetpassform{padding:20px 22px 24px;border-radius:0 0 18px 18px}body.login #login_error,body.login .message,body.login .success{padding:13px 22px}body.login .mvm-login-footer{margin-top:15px}}
@media(max-width:360px){body.login .peepso_captcha_field_div{overflow-x:auto}body.login .mvm-login-footer{gap:5px}}
@media(prefers-reduced-motion:reduce){body.login .button-primary,body.login #wp-submit,body.login form .input{transition:none}body.login .button-primary:hover,body.login #wp-submit:hover{transform:none}}