/* Koch School — branded WordPress login page.
   Replaces default wp-login styling with Koch monochrome design. */

body.login {
  background: #111111;
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 100vh;
}

#login {
  width: 100%;
  max-width: 420px;
  padding: 0 24px;
}

/* Logo / branding */
.login h1 a {
  background-image: none !important;
  width: auto;
  height: auto;
  text-indent: 0;
  font-size: 1.75rem;
  font-weight: 700;
  color: #ffffff;
  text-decoration: none;
  letter-spacing: -0.02em;
}

.login h1 a:hover,
.login h1 a:focus {
  color: #ffffff;
  text-decoration: none;
}

.login h1 {
  text-align: center;
  margin-bottom: 8px;
}

/* Subtitle */
.login h1::after {
  content: "Профессиональная платформа обучения";
  display: block;
  font-size: 0.875rem;
  font-weight: 400;
  color: #919396;
  margin-top: 8px;
  letter-spacing: 0;
}

/* Form container */
.login form {
  background: #1e1e1e;
  border: 1px solid #2a2a2a;
  border-radius: 8px;
  padding: 32px;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.4);
}

/* Labels */
.login label {
  color: #ffffff;
  font-size: 0.875rem;
  font-weight: 400;
}

/* Inputs */
.login input[type="text"],
.login input[type="password"] {
  background: #111111;
  border: 1px solid #2a2a2a;
  border-radius: 4px;
  color: #ffffff;
  padding: 10px 14px;
  font-size: 1rem;
  font-family: inherit;
  transition: border-color 0.2s;
}

.login input[type="text"]:focus,
.login input[type="password"]:focus {
  border-color: #919396;
  box-shadow: 0 0 0 2px rgba(145, 147, 150, 0.2);
  outline: none;
}

.login input[type="text"]::placeholder,
.login input[type="password"]::placeholder {
  color: #555;
}

/* Submit button */
.login .button-primary {
  background: #ffffff !important;
  color: #111111 !important;
  border: none !important;
  border-radius: 0 !important;
  padding: 12px 24px !important;
  font-size: 1rem !important;
  font-weight: 700 !important;
  font-family: inherit !important;
  text-shadow: none !important;
  box-shadow: none !important;
  cursor: pointer;
  transition: opacity 0.2s !important;
  width: 100%;
  margin-top: 8px;
}

.login .button-primary:hover,
.login .button-primary:focus {
  background: #f0f0f0 !important;
  color: #111111 !important;
  box-shadow: none !important;
}

/* "Remember me" checkbox */
.login .forgetmenot label {
  color: #919396;
  font-size: 0.8125rem;
}

/* Links */
.login #nav,
.login #backtoblog {
  text-align: center;
}

.login #nav a,
.login #backtoblog a {
  color: #919396;
  text-decoration: none;
  font-size: 0.8125rem;
  transition: color 0.2s;
}

.login #nav a:hover,
.login #backtoblog a:hover {
  color: #ffffff;
  text-decoration: underline;
}

/* Error / message */
.login .message,
.login #login_error {
  background: rgba(30, 30, 30, 0.9);
  border-left: 4px solid #dc3545;
  color: #ffffff;
  border-radius: 4px;
  padding: 12px 16px;
  margin-bottom: 16px;
  font-size: 0.875rem;
}

.login .message {
  border-left-color: #919396;
}

.login #login_error a {
  color: #ffffff;
  text-decoration: underline;
}

/* Language switcher */
.language-switcher {
  text-align: center;
  margin-top: 16px;
}

.language-switcher select {
  background: #1e1e1e;
  border: 1px solid #2a2a2a;
  color: #919396;
  border-radius: 4px;
  padding: 6px 12px;
  font-size: 0.8125rem;
}

.language-switcher .button {
  background: #2a2a2a !important;
  color: #919396 !important;
  border: none !important;
  border-radius: 4px;
  padding: 6px 12px;
  font-size: 0.8125rem;
  cursor: pointer;
}

/* Privacy policy link */
.login .privacy-policy-page-link {
  text-align: center;
}

.login .privacy-policy-page-link a {
  color: #919396;
  font-size: 0.75rem;
}

/* MasterStudy login fragment inside the prototype auth split.
   Photo stays in .auth__brand; the plugin form stays in .auth__panel. */
.site-main:has(.auth) {
  display: contents;
}

body:has(.auth) {
  background: var(--bg, #fff);
}

.auth .masterstudy-authorization,
.auth .masterstudy-authorization__container,
.auth .masterstudy-authorization__box,
.auth .masterstudy-authorization__content {
  width: 100%;
  max-width: 400px;
  margin: 0;
  padding: 0;
  background: transparent;
  border: 0;
  box-shadow: none;
}

.auth .masterstudy-authorization__form-input {
  width: 100%;
  min-height: var(--input-h, 44px);
  border: 1px solid var(--border, #e5e5e8);
  border-radius: var(--r-control, 10px);
  padding: 0 12px;
  background: var(--bg, #fff);
  color: var(--fg, #111);
  font: inherit;
}