/**
 * AIACE – Custom WP Login Page (/ademile/)
 * Minimal & clean design, no logo, centered form.
 * reCAPTCHA badge visible.
 * aiace-child/login-style.css
 */

/* ── Page background ── */
body.login {
  background: #f7f7f8 !important;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen,
    Ubuntu, Cantarell, "Helvetica Neue", sans-serif !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 100vh !important;
  margin: 0 !important;
  padding: 20px !important;
  box-sizing: border-box !important;
  border: none !important;
  outline: none !important;
}

/* ── Hide WP logo completely ── */
#login h1,
#login h1 a,
.wp-login-logo,
.wp-login-logo a {
  display: none !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
}

/* ── Login wrapper – centered ── */
#login {
  width: 100% !important;
  max-width: 400px !important;
  padding: 0 !important;
  margin: 0 auto !important;
}

/* ── Form box ── */
#loginform,
body.login form {
  background: #fff !important;
  border: 1px solid #e0e0e4 !important;
  border-radius: 10px !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06), 0 8px 24px rgba(0, 0, 0, 0.04) !important;
  padding: 36px 32px 28px !important;
  margin: 0 0 16px !important;
}

/* ── Labels ── */
#loginform label,
body.login form label {
  font-size: 13.5px !important;
  font-weight: 500 !important;
  color: #3c3c43 !important;
  margin-bottom: 4px !important;
  display: block !important;
}

/* ── Inputs ── */
#loginform input[type="text"],
#loginform input[type="password"],
#loginform input[type="email"],
body.login form input[type="text"],
body.login form input[type="password"],
body.login form input[type="email"] {
  width: 100% !important;
  padding: 11px 14px !important;
  border: 1px solid #d0d0d5 !important;
  border-radius: 6px !important;
  font-size: 14px !important;
  color: #1d1d1f !important;
  background: #fafafb !important;
  transition: border-color 0.2s ease, box-shadow 0.2s ease !important;
  box-sizing: border-box !important;
  margin-top: 4px !important;
  margin-bottom: 4px !important;
}

#loginform input[type="text"]:focus,
#loginform input[type="password"]:focus,
#loginform input[type="email"]:focus,
body.login form input[type="text"]:focus,
body.login form input[type="password"]:focus,
body.login form input[type="email"]:focus {
  border-color: #3a7bd5 !important;
  box-shadow: 0 0 0 3px rgba(58, 123, 213, 0.12) !important;
  outline: none !important;
  background: #fff !important;
}

/* ── Password field wrapper ── */
.wp-pwd,
.user-pass-wrap {
  margin-bottom: 8px !important;
}

/* ── Show/hide password toggle ── */
body.login .button.wp-hide-pw {
  color: #999 !important;
  border: none !important;
  background: none !important;
  box-shadow: none !important;
}
body.login .button.wp-hide-pw:hover,
body.login .button.wp-hide-pw:focus {
  color: #3a7bd5 !important;
  background: none !important;
  box-shadow: none !important;
}

/* ── Remember me checkbox ── */
body.login .forgetmenot {
  margin-top: 10px !important;
  margin-bottom: 18px !important;
}

body.login .forgetmenot label {
  font-size: 13px !important;
  color: #6e6e73 !important;
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
}

body.login .forgetmenot input[type="checkbox"] {
  width: 16px !important;
  height: 16px !important;
  accent-color: #3a7bd5 !important;
}

/* ── Submit button ── */
#wp-submit,
body.login .button-primary {
  width: 100% !important;
  padding: 11px 16px !important;
  background: #3a7bd5 !important;
  border: none !important;
  border-radius: 8px !important;
  color: #fff !important;
  font-size: 14.5px !important;
  font-weight: 600 !important;
  cursor: pointer !important;
  transition: background 0.2s ease, transform 0.1s ease !important;
  text-shadow: none !important;
  box-shadow: none !important;
  line-height: 1.4 !important;
  float: none !important;
  margin-top: 4px !important;
}

#wp-submit:hover,
body.login .button-primary:hover {
  background: #2e6bc4 !important;
}

#wp-submit:active,
body.login .button-primary:active {
  background: #2560b3 !important;
  transform: scale(0.99) !important;
}

/* ── Submit wrapper (undo WP float layout) ── */
body.login .submit {
  display: flex !important;
  flex-direction: column !important;
  clear: both !important;
}

/* ── Error / success messages ── */
#login_error,
body.login .message,
body.login .success {
  border-radius: 8px !important;
  border: none !important;
  border-left: 3px solid !important;
  padding: 12px 16px !important;
  font-size: 13px !important;
  line-height: 1.5 !important;
  margin: 0 0 16px !important;
  box-shadow: none !important;
}

#login_error {
  border-left-color: #dc3545 !important;
  background: #fef2f2 !important;
  color: #991b1b !important;
}

body.login .message {
  border-left-color: #3a7bd5 !important;
  background: #eff6ff !important;
  color: #1e40af !important;
}

body.login .success {
  border-left-color: #16a34a !important;
  background: #f0fdf4 !important;
  color: #166534 !important;
}

/* ── Nav links (lost password, back to site) ── */
#nav,
#backtoblog,
body.login #nav,
body.login #backtoblog {
  text-align: center !important;
  margin: 10px 0 0 !important;
  padding: 0 !important;
}

#nav a,
#backtoblog a,
body.login #nav a,
body.login #backtoblog a {
  color: #6e6e73 !important;
  font-size: 13px !important;
  text-decoration: none !important;
  transition: color 0.2s ease !important;
}

#nav a:hover,
#backtoblog a:hover,
body.login #nav a:hover,
body.login #backtoblog a:hover {
  color: #3a7bd5 !important;
}

/* ── Hide language switcher ── */
.language-switcher {
  display: none !important;
}

/* ── Privacy policy link ── */
body.login .privacy-policy-page-link {
  text-align: center !important;
  margin-top: 12px !important;
}
body.login .privacy-policy-page-link a {
  color: #a0a0a5 !important;
  font-size: 12px !important;
}

/* ── reCAPTCHA badge – VISIBLE ── */
.grecaptcha-badge {
  visibility: visible !important;
  opacity: 1 !important;
}

/* ── Responsive ── */
@media (max-width: 480px) {
  #login {
    max-width: 100% !important;
  }

  #loginform,
  body.login form {
    padding: 28px 22px 22px !important;
    border-radius: 0 !important;
    border-left: none !important;
    border-right: none !important;
    box-shadow: none !important;
  }
}