/* InspectAfrica LMS UX — login page override
   Targets WordPress core's standard, stable login-page markup
   (#login, #loginform, .wp-core-ui) — these selectors have been
   unchanged across WP core for years, safe to rely on. */

:root {
  --ialu-font: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --ialu-primary: #1a4d3e;
  --ialu-primary-hover: #123a2e;
  --ialu-text: #1f2937;
  --ialu-muted: #6b7280;
  --ialu-border: #e5e7eb;
  --ialu-bg: #f7f8f7;
}

body.login {
  background: var(--ialu-bg);
  font-family: var(--ialu-font);
}

body.login #login {
  width: 380px;
  padding-top: 8vh;
}

/* Logo / header link */
body.login h1 a {
  width: 100%;
  height: 60px;
  background-size: contain;
  font-family: var(--ialu-font);
  font-weight: 800;
  font-size: 22px;
  color: var(--ialu-primary);
  text-indent: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background-image: none !important;
}

/* Card */
body.login form#loginform {
  background: #ffffff;
  border: 1px solid var(--ialu-border);
  border-radius: 12px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.04);
  padding: 32px 32px 24px;
}

body.login form#loginform label {
  font-family: var(--ialu-font);
  font-weight: 600;
  font-size: 13px;
  color: var(--ialu-text);
  margin-bottom: 4px;
}

body.login form#loginform input[type="text"],
body.login form#loginform input[type="password"] {
  font-family: var(--ialu-font);
  font-size: 15px;
  border: 1px solid var(--ialu-border);
  border-radius: 8px;
  padding: 10px 12px;
  height: auto;
  box-shadow: none;
  transition: border-color 0.15s ease;
}

body.login form#loginform input[type="text"]:focus,
body.login form#loginform input[type="password"]:focus {
  border-color: var(--ialu-primary);
  box-shadow: 0 0 0 3px rgba(26, 77, 62, 0.1);
}

/* Primary button */
body.login .wp-core-ui .button-primary {
  font-family: var(--ialu-font);
  font-weight: 600;
  font-size: 15px;
  background: var(--ialu-primary);
  border: none;
  border-radius: 8px;
  padding: 10px 20px;
  height: auto;
  line-height: 1.4;
  box-shadow: none;
  text-shadow: none;
  transition: background 0.15s ease;
  width: 100%;
}

body.login .wp-core-ui .button-primary:hover,
body.login .wp-core-ui .button-primary:focus {
  background: var(--ialu-primary-hover);
}

/* Remember-me row */
body.login form#loginform .forgetmenot {
  font-family: var(--ialu-font);
  font-size: 13px;
  color: var(--ialu-muted);
}

/* Links below the card */
body.login #nav,
body.login #backtoblog {
  font-family: var(--ialu-font);
}

body.login #nav a,
body.login #backtoblog a {
  color: var(--ialu-muted);
  font-size: 13px;
  text-decoration: none;
}

body.login #nav a:hover,
body.login #backtoblog a:hover {
  color: var(--ialu-primary);
  text-decoration: underline;
}

/* Error/message boxes */
body.login #login_error,
body.login .message,
body.login .success {
  font-family: var(--ialu-font);
  border-radius: 8px;
  border-left-width: 4px;
  font-size: 14px;
}