/**
 * wp-login.php — aligned with SBC design system
 */

body.login {
  background: var(--sbc-bg, #f6f7f9);
  font-family: var(--sbc-font, Inter, system-ui, sans-serif);
  color: var(--sbc-text, #141820);
}

body.login #login {
  width: min(100% - 2rem, 22rem);
  padding: var(--sbc-space-8, 2rem) var(--sbc-space-5, 1.25rem) var(--sbc-space-10, 2.5rem);
}

body.login #login > h1 {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

body.login .sbc-login-logo-wrap {
  text-align: center;
  margin-bottom: var(--sbc-space-6, 1.5rem);
}

body.login .sbc-login-logo {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  gap: var(--sbc-space-3, 0.75rem);
  text-decoration: none;
  color: var(--sbc-text, #141820);
}

body.login .sbc-login-logo__icon {
  width: 2.5rem;
  height: 2.5rem;
}

body.login .sbc-login-logo__name {
  font-size: var(--sbc-text-base, 1rem);
  font-weight: var(--sbc-weight-semibold, 600);
  letter-spacing: -0.02em;
}

body.login #loginform,
body.login #registerform,
body.login #lostpasswordform {
  margin-top: 0;
  padding: var(--sbc-space-6, 1.5rem);
  border: 1px solid var(--sbc-border, #e2e5eb);
  border-radius: var(--sbc-radius-lg, 12px);
  box-shadow: var(--sbc-shadow-md, 0 4px 12px rgba(20, 24, 32, 0.06));
  background: var(--sbc-surface, #fff);
}

body.login form .input,
body.login input[type="text"],
body.login input[type="password"],
body.login input[type="email"] {
  border: 1px solid var(--sbc-border-strong, #cdd2dc);
  border-radius: var(--sbc-radius-sm, 8px);
  font-size: var(--sbc-text-base, 1rem);
  background: var(--sbc-surface, #fff);
  color: var(--sbc-text, #141820);
}

body.login form .input:focus,
body.login input:focus {
  border-color: var(--sbc-accent, #2b59c3);
  box-shadow: var(--sbc-shadow-focus, 0 0 0 3px rgba(43, 89, 195, 0.22));
}

body.login .button-primary {
  background: var(--sbc-accent, #2b59c3) !important;
  border-color: var(--sbc-accent, #2b59c3) !important;
  border-radius: var(--sbc-radius-sm, 8px) !important;
  text-shadow: none !important;
  box-shadow: none !important;
  font-weight: var(--sbc-weight-semibold, 600) !important;
}

body.login .button-primary:hover,
body.login .button-primary:focus {
  background: var(--sbc-accent-hover, #234aa8) !important;
  border-color: var(--sbc-accent-hover, #234aa8) !important;
}

body.login #nav,
body.login #backtoblog {
  text-align: center;
}

body.login #nav a,
body.login #backtoblog a {
  color: var(--sbc-accent, #2b59c3);
}

body.login .language-switcher {
  display: none;
}

body.login label {
  font-size: var(--sbc-text-sm, 0.875rem);
  font-weight: var(--sbc-weight-medium, 500);
  color: var(--sbc-text-secondary, #4b5565);
}