/* EliteX Login Beautifier — v1.2 white background */
:root {
  --elx-page-bg: #ffffff;       /* simple white */
  --elx-card-bg: #ffffff;
  --elx-card-border: rgba(0,0,0,0.08);
  --elx-shadow: 0 8px 24px rgba(0,0,0,0.12);
  --elx-radius: 16px;
  --elx-text: #111827;
  --elx-muted: #6b7280;
  --elx-input-border: rgba(17,24,39,0.15);
  --elx-input-focus: #2563eb;
  --elx-btn: #2f2f2f;
  --elx-btn-hover: #262626;
}

/* Clean white page */
body.login.elx-login {
  background: var(--elx-page-bg);
  min-height: 100vh;
  color: var(--elx-text);
  display: grid;
  place-items: center;
}

/* Hide default WP logo block */
.login h1 { display: none !important; }

/* Card */
#login {
  width: 560px;
  margin: 40px auto 24px;
  background: var(--elx-card-bg);
  border: 1px solid var(--elx-card-border);
  border-radius: var(--elx-radius);
  box-shadow: var(--elx-shadow);
  padding: 0;
  overflow: hidden;
}

.elx-header { padding: 28px 28px 8px; }
.elx-brand-row {
  display: flex; align-items: center; gap: 8px;
  color: #111827; font-weight: 700; font-size: 14px;
}
.elx-brand-small { width: 20px; height: 20px; }
.elx-brand-text { letter-spacing: .1px; }

.elx-login-title {
  margin: 8px 0 6px;
  font-size: 28px; font-weight: 700; letter-spacing: -0.01em;
}
.elx-login-subtitle { margin: 0 0 4px; color: var(--elx-muted); font-size: 14.5px; }

/* Form */
#loginform {
  padding: 8px 28px 8px;
  background: transparent; border: none; box-shadow: none; margin-top: 0;
}
#loginform label { color: var(--elx-text); font-size: 13.5px; font-weight: 500; }
#loginform .input, #loginform input[type="text"], #loginform input[type="password"] {
  height: 46px; background: #fff; border: 1px solid var(--elx-input-border);
  color: var(--elx-text); border-radius: 12px; padding: 10px 14px;
}
#loginform .input:focus, #loginform input[type="text"]:focus, #loginform input[type="password"]:focus {
  outline: none; border-color: var(--elx-input-focus);
  box-shadow: 0 0 0 4px rgba(37, 99, 235, .2);
}

/* Primary button */
#loginform .submit .button-primary, .wp-core-ui .button-primary {
  height: 46px; background: var(--elx-btn); color: #fff;
  border: 1px solid #00000020; border-radius: 12px !important; padding: 10px 16px;
  font-weight: 700; transition: transform .06s ease, filter .2s ease, box-shadow .2s ease;
  box-shadow: 0 2px 0 rgba(0,0,0,.15);
}
#loginform .submit .button-primary:hover, .wp-core-ui .button-primary:hover {
  background: var(--elx-btn-hover); transform: translateY(-1px);
}
#loginform .submit .button-primary:focus { box-shadow: 0 0 0 4px rgba(37,99,235,0.25); }

/* Hide extra WP links for a clean look */
#nav, #backtoblog { display: none; }

/* Notices */
.login .message, .login .notice, .login .success {
  border-radius: 10px; background: #f8fafc; border: 1px solid #e5e7eb; color: #111827;
  margin: 0 28px 16px;
}

/* Footer credit only */
.elx-footer { padding: 16px 18px 22px; border-top: 1px solid #e5e7eb; background: #fff; }
.elx-credit { text-align: center; font-size: 12.5px; color: var(--elx-muted); }
.elx-credit strong { color: var(--elx-text); }

@media (max-width: 600px) {
  #login { width: 94%; }
}