/* ==========================================================================
   ÎN APROPIERE — WP-LOGIN
   --------------------------------------------------------------------------
   wp-login.php e independent de restul temei - WordPress nu încarcă acolo
   body.css/header.css/liquid-glass.css automat. Token-urile --color-*/
   --glass-* vin totuși din body.css (înregistrat ca dependință în
   functions.php), deci rămân aceeași sursă de adevăr ca pe frontend.
   ========================================================================== */

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

body.login #login {
  width: 100%;
  max-width: 380px;
  padding: 8vh 20px 40px;
}

/* Fundalul (background-image) e injectat din PHP - vezi wp_add_inline_style()
   în functions.php, unde e legat de token-ul --color-accent. */
.login h1 a {
  display: block;
  width: 100%;
  height: 48px;
  margin: 0 auto 4px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 44px 44px;
  text-indent: -9999px;
}

.login form {
  margin-top: var(--space-4);
  padding: var(--space-6) var(--space-5);
  border: 1px solid var(--glass-edge-soft);
  border-radius: var(--glass-radius-lg);
  background: var(--glass-sheen), var(--glass-surface);
  backdrop-filter: blur(var(--glass-blur)) saturate(var(--glass-saturate));
  -webkit-backdrop-filter: blur(var(--glass-blur)) saturate(var(--glass-saturate));
  box-shadow: var(--glass-shadow);
}

.login label {
  color: var(--color-neutral-700);
  font-family: var(--font-ui);
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.04em;
}

.login input[type="text"],
.login input[type="password"],
.login input[type="email"] {
  border: 1px solid var(--color-neutral-400);
  border-radius: var(--radius-md);
  font-family: var(--font-ui);
  box-shadow: none;
}

.login input[type="text"]:focus,
.login input[type="password"]:focus,
.login input[type="email"]:focus {
  border-color: var(--color-accent);
  box-shadow: 0 0 0 1px var(--color-accent);
}

.login .button-primary {
  width: 100%;
  padding: 10px var(--space-4);
  border: none;
  border-radius: var(--glass-radius-pill);
  background: var(--glass-sheen), color-mix(in srgb, var(--color-accent) 86%, transparent);
  backdrop-filter: blur(var(--glass-blur)) saturate(var(--glass-saturate));
  -webkit-backdrop-filter: blur(var(--glass-blur)) saturate(var(--glass-saturate));
  box-shadow: var(--glass-shadow);
  color: #fff;
  font-family: var(--font-ui);
  font-weight: 600;
  text-shadow: none;
  transition: transform 0.18s ease, box-shadow 0.18s ease;
}

@media (hover: hover) and (pointer: fine) {
  .login .button-primary:hover {
    background: var(--glass-sheen), color-mix(in srgb, var(--color-accent-700) 90%, transparent);
    transform: translateY(-1px);
    box-shadow: var(--glass-shadow-lg);
  }
}

.login #nav,
.login #backtoblog {
  font-family: var(--font-ui);
  font-size: 13px;
}

.login #nav a,
.login #backtoblog a {
  color: var(--color-neutral-700);
}

@media (hover: hover) and (pointer: fine) {
  .login #nav a:hover,
  .login #backtoblog a:hover { color: var(--color-accent); }
}

/* Mesajul de bun venit de pe ecranul de înregistrare - vezi filtrul
   login_message din functions.php. */
.iac-login-intro {
  max-width: 380px;
  margin: 0 auto var(--space-4);
  padding: var(--space-3) var(--space-4);
  border: 1px solid var(--glass-edge-soft);
  border-radius: var(--glass-radius-md);
  background: var(--glass-sheen), var(--glass-accent2-surface);
  backdrop-filter: blur(var(--glass-blur)) saturate(var(--glass-saturate));
  -webkit-backdrop-filter: blur(var(--glass-blur)) saturate(var(--glass-saturate));
  color: var(--color-accent-2-800);
  font-size: 13px;
  line-height: 1.5;
  text-align: center;
}

/* --------------------------------------------------------------------------
   FĂRĂ backdrop-filter: fundal opac, ca pe restul site-ului.
   -------------------------------------------------------------------------- */
@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
  .login form { background: var(--color-bg); }
  .login .button-primary { background: var(--color-accent); }
  .iac-login-intro { background: var(--color-accent-2-100); }
}

/* --------------------------------------------------------------------------
   ACCESSIBILITY — reduced motion
   -------------------------------------------------------------------------- */
@media (prefers-reduced-motion: reduce) {
  .login .button-primary { transition: none; }
  .login .button-primary:hover { transform: none; }
}