/* ============================================================
   EQwise Backoffice — inlogscherm
   ============================================================ */

:root{
  --eqw-accent:#3b3efe;
  --eqw-accent-donker:#2b2ed0;
  --eqw-inkt:#14161b;
  --eqw-font:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
}

body.login{
  background:#f5f5f7;
  font-family:var(--eqw-font);
  color:var(--eqw-inkt);
}

body.login #login{padding:6% 0 4%;width:340px}

/* Logo. Alleen als er een eigen logo is ingesteld vervangt de plugin de
   achtergrondafbeelding — dat gebeurt inline vanuit PHP. Staat er geen
   logo, dan blijft het WordPress-logo gewoon staan in plaats van een
   leeg gat. */
body.login h1 a{margin-bottom:22px}

/* formulier */
body.login form{
  background:#fff;
  border:1px solid color-mix(in srgb,var(--eqw-inkt) 14%,transparent);
  border-top:2px solid var(--eqw-accent);
  border-radius:0;
  box-shadow:none;
  padding:24px 24px 20px;
}
body.login label{color:color-mix(in srgb,var(--eqw-inkt) 76%,transparent);font-size:13px}
body.login input[type=text],
body.login input[type=password]{
  border-radius:2px;
  border-color:color-mix(in srgb,var(--eqw-inkt) 18%,transparent);
  padding:8px 10px;
}
body.login input[type=text]:focus,
body.login input[type=password]:focus{
  border-color:var(--eqw-accent);
  box-shadow:0 0 0 1px var(--eqw-accent);
}
body.login .button.wp-hide-pw:focus{box-shadow:none;outline:2px solid var(--eqw-accent)}

body.login .button-primary{
  background:var(--eqw-accent);
  border-color:var(--eqw-accent);
  color:#fff;
  border-radius:2px;
  text-shadow:none;
  box-shadow:none;
  float:none;
  width:100%;
  height:auto;
  padding:9px 16px;
  font-weight:600;
}
body.login .button-primary:hover,
body.login .button-primary:focus{
  background:var(--eqw-accent-donker);
  border-color:var(--eqw-accent-donker);
  box-shadow:none;
}

body.login #nav,
body.login #backtoblog{
  padding:12px 0 0;
  text-align:center;
}
body.login #nav a,
body.login #backtoblog a{
  color:color-mix(in srgb,var(--eqw-inkt) 62%,transparent);
  text-decoration:none;
}
body.login #nav a:hover,
body.login #backtoblog a:hover{color:var(--eqw-accent-donker)}

body.login .message,
body.login .notice{
  border-left-color:var(--eqw-accent);
  border-radius:0;
}
body.login #login_error{border-left-color:#b32d2e;border-radius:0}

body.login .privacy-policy-page-link{margin-top:24px}