/* Accountchi branding for wp-login.php.
   Core handles password reset (action=rp) and the auth plugin deliberately
   never redirects it, so this screen stays in the critical path. Rather than
   route resets through custom code and risk the escape hatch, brand the core
   screen. Tokens mirror style.css (dark default). */

body.login {
  background: #0b0a11;
  color: #f0eef7;
  font-family: 'Vazirmatn', 'Segoe UI', Tahoma, sans-serif;
  direction: rtl;
}

body.login #login {
  width: 100%;
  max-width: 396px;
  padding: 7vh 18px 24px;
}

body.login h1 a {
  background-image: url('../images/logo.webp');
  background-size: contain;
  background-position: center;
  width: 100%;
  height: 62px;
  margin-bottom: 22px;
}

body.login form {
  background: #131220;
  border: 1px solid rgba(255, 255, 255, .075);
  border-radius: 20px;
  box-shadow: 0 24px 60px -28px rgba(0, 0, 0, .8);
  padding: 26px 24px;
  margin-top: 14px;
}

body.login form label,
body.login .login label {
  color: #a29db6;
  font-size: 13px;
  font-weight: 600;
}

body.login input[type="text"],
body.login input[type="password"],
body.login input[type="email"] {
  background: #0b0a11;
  border: 1px solid rgba(255, 255, 255, .145);
  border-radius: 12px;
  color: #f0eef7;
  font-size: 15px;
  padding: 12px 14px;
  box-shadow: none;
  transition: border-color .15s ease, box-shadow .15s ease;
}
body.login input[type="text"]:focus,
body.login input[type="password"]:focus,
body.login input[type="email"]:focus {
  border-color: #8b5cf6;
  box-shadow: 0 0 0 3px rgba(139, 92, 246, .22);
  outline: none;
}

body.login input[type="password"],
body.login .wp-pwd input {
  direction: ltr;
  text-align: left;
  font-family: ui-monospace, Consolas, monospace;
  letter-spacing: .02em;
}

body.login .wp-pwd button.wp-hide-pw { color: #8f8aa2; }
body.login .wp-pwd button.wp-hide-pw:hover { color: #f0eef7; }

body.login .button-primary,
body.login #wp-submit {
  background: #8b5cf6;
  border: 0;
  border-radius: 12px;
  box-shadow: none;
  color: #fff;
  font-size: 14.5px;
  font-weight: 700;
  height: auto;
  padding: 11px 26px;
  text-shadow: none;
  transition: filter .15s ease, transform .05s ease;
}
body.login .button-primary:hover,
body.login #wp-submit:hover { background: #8b5cf6; filter: brightness(1.12); }
body.login .button-primary:active { transform: translateY(1px); }

body.login .button-secondary,
body.login .wp-generate-pw {
  background: transparent;
  border: 1px solid rgba(255, 255, 255, .145);
  border-radius: 12px;
  color: #f0eef7;
  font-weight: 600;
  padding: 10px 20px;
  height: auto;
}
body.login .button-secondary:hover { border-color: #8b5cf6; color: #fff; background: transparent; }

body.login .message,
body.login #login_error,
body.login .success {
  background: #131220;
  border: 1px solid rgba(255, 255, 255, .075);
  border-inline-start: 3px solid #8b5cf6;
  border-radius: 12px;
  color: #f0eef7;
  box-shadow: none;
  padding: 13px 16px;
}
body.login #login_error { border-inline-start-color: #ef4444; }

body.login #pass-strength-result {
  background: #0b0a11;
  border: 1px solid rgba(255, 255, 255, .145);
  border-radius: 10px;
  color: #a29db6;
  margin-top: 8px;
}
body.login #pass-strength-result.strong { border-color: #10b981; color: #6ee7b7; }
body.login #pass-strength-result.good   { border-color: #8b5cf6; color: #c4b5fd; }
body.login #pass-strength-result.bad,
body.login #pass-strength-result.short  { border-color: #f59e0b; color: #fcd34d; }

body.login .description,
body.login .indicator-hint {
  color: #8f8aa2;
  font-size: 12.5px;
  line-height: 2;
}

body.login #nav,
body.login #backtoblog { padding-inline: 4px; text-align: center; }
body.login #nav a,
body.login #backtoblog a { color: #a29db6; font-size: 13.5px; transition: color .15s ease; }
body.login #nav a:hover,
body.login #backtoblog a:hover { color: #8b5cf6; }

body.login .privacy-policy-page-link a { color: #8f8aa2; }

body.login .language-switcher { margin-top: 18px; }
body.login .language-switcher select {
  background: #131220;
  border: 1px solid rgba(255, 255, 255, .145);
  border-radius: 10px;
  color: #f0eef7;
  padding: 6px 10px;
}
body.login .language-switcher .button {
  background: transparent;
  border: 1px solid rgba(255, 255, 255, .145);
  border-radius: 10px;
  color: #a29db6;
}

@media (prefers-color-scheme: light) {
  body.login { background: #faf9fc; color: #17142a; }
  body.login form { background: #fff; border-color: rgba(23, 20, 42, .10); box-shadow: 0 20px 50px -30px rgba(23, 20, 42, .35); }
  body.login input[type="text"],
  body.login input[type="password"],
  body.login input[type="email"] { background: #faf9fc; border-color: rgba(23, 20, 42, .19); color: #17142a; }
  body.login .button-primary, body.login #wp-submit { background: #6438d6; }
  body.login .button-secondary, body.login .wp-generate-pw { border-color: rgba(23, 20, 42, .19); color: #17142a; }
  body.login .message, body.login #login_error { background: #fff; border-color: rgba(23, 20, 42, .10); color: #17142a; }
  body.login form label { color: #56516b; }
  body.login #nav a, body.login #backtoblog a { color: #56516b; }
  body.login .description, body.login .indicator-hint { color: #6e6980; }
  body.login #pass-strength-result { background: #f3f1f8; border-color: rgba(23, 20, 42, .19); color: #56516b; }
}