/*
 * /wp-login.php branded skin — loaded via login_enqueue_scripts.
 * Slate page bg, custom solid-info logo, brand-pink pill submit button.
 */
body.login {
  background-color: var(--solid-panel-light, #F8F8F8);
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}
#login {
  padding-top: 6vh;
  width: 360px;
}
#login h1 a {
  background-image: url("../images/solid-logo.png") !important;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  width: 100%;
  height: 64px;
  text-indent: -9999px;
  overflow: hidden;
  margin: 0 auto 1.5rem;
  display: block;
}
#loginform,
#registerform,
#lostpasswordform {
  background: #FFFFFF;
  border: 1px solid #E6E6E6;
  border-radius: 8px;
  box-shadow: 0 1px 0 rgba(0,0,0,0.04), 0 6px 18px rgba(0,0,0,0.04);
  padding: 1.75rem 1.5rem 1.5rem;
}
#loginform label,
#registerform label,
#lostpasswordform label {
  color: #435070;
  font-weight: 500;
  font-size: 14px;
  letter-spacing: 0.02em;
}
#loginform .input,
#loginform input[type="text"],
#loginform input[type="password"],
#loginform input[type="email"],
#registerform .input,
#registerform input[type="text"],
#registerform input[type="email"],
#lostpasswordform .input,
#lostpasswordform input[type="text"] {
  border: 1px solid #E6E6E6 !important;
  border-radius: 4px !important;
  padding: 0.55rem 0.75rem !important;
  font-size: 16px;
  font-family: inherit;
  background: #FFFFFF !important;
  box-shadow: none !important;
}
#loginform .input:focus,
#loginform input:focus,
#registerform input:focus,
#lostpasswordform input:focus {
  outline: 2px solid #E31A4A !important;
  outline-offset: 1px;
}
#wp-submit,
#registerform input[type="submit"],
#lostpasswordform input[type="submit"] {
  background: #E31A4A !important;
  border: 0 !important;
  border-radius: 9999px !important;
  color: #FFFFFF !important;
  font-weight: 500 !important;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  padding: 0.65rem 1.4rem !important;
  width: 100%;
  box-shadow: none !important;
  text-shadow: none !important;
  transition: background-color 200ms ease;
}
#wp-submit:hover,
#registerform input[type="submit"]:hover,
#lostpasswordform input[type="submit"]:hover { background: #C5193E !important; }
#nav,
#backtoblog { text-align: center; margin-top: 1rem; }
#nav a,
#backtoblog a {
  color: #435070 !important;
  font-size: 13px;
  text-decoration: none;
}
#nav a:hover,
#backtoblog a:hover { color: #E31A4A !important; text-decoration: underline; }
.login .privacy-policy-page-link { display: none; }