/*
 * wp-login.php brandizzato paithon.
 * Dipende da tokens.css (enqueued prima, vedi inc/users.php).
 */

body.login {
  background: var(--pt-bg);
  font-family: "Inter", system-ui, sans-serif;
  color: var(--pt-fg);
}

/* Wordmark testuale al posto del logo WordPress. */
.login h1 a {
  background-image: none;
  text-indent: 0;
  width: auto;
  height: auto;
  font-family: "Fraunces", Georgia, serif;
  font-weight: 800;
  font-size: 2.25rem;
  line-height: 1.1;
  color: var(--pt-fg);
}

.login form {
  background: var(--pt-bg-elev);
  border: 1px solid var(--pt-border);
  border-radius: 8px;
  box-shadow: none;
}

.login label {
  color: var(--pt-fg-muted);
  font-size: 0.875rem;
  font-weight: 500;
}

.login input[type="text"],
.login input[type="password"],
.login input[type="email"] {
  border: 1px solid var(--pt-border-strong);
  border-radius: 6px;
  background: var(--pt-bg);
  color: var(--pt-fg);
}

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

.login .button-primary {
  background: var(--pt-accent);
  border-color: var(--pt-accent);
  border-radius: 6px;
  text-shadow: none;
  transition: background-color 200ms ease-out;
}

.login .button-primary:hover,
.login .button-primary:focus {
  background: var(--pt-accent-hover);
  border-color: var(--pt-accent-hover);
}

.login #nav a,
.login #backtoblog a {
  color: var(--pt-fg-muted);
}

.login #nav a:hover,
.login #backtoblog a:hover {
  color: var(--pt-accent);
}

.login .message,
.login .success {
  border-left-color: var(--pt-accent-2);
  background: var(--pt-bg-elev);
  border-radius: 6px;
  color: var(--pt-fg-muted);
}

/* Intro della pagina di registrazione: più visibile e accogliente. */
.login .pt-reg-intro {
  border-left: 3px solid var(--pt-accent);
  font-size: 0.95rem;
  line-height: 1.55;
}

/* Blocco della domanda anti-spam: si distingue dai campi normali. */
.login .pt-reg-challenge {
  margin-top: 4px;
  padding: 12px 14px;
  background: var(--pt-bg);
  border: 1px solid var(--pt-border);
  border-radius: 8px;
}

.login .pt-reg-challenge label {
  font-weight: 600;
  color: var(--pt-fg);
}

/* Link "Registrati / Password persa" più leggibili e cliccabili. */
.login #nav,
.login #backtoblog {
  text-align: center;
  font-size: 0.9rem;
  padding: 8px 0;
}

/* Sul form di registrazione, evidenzia il pulsante d'azione. */
.login.wp-core-ui .button-primary {
  width: 100%;
  padding: 8px 0;
  font-weight: 600;
  font-size: 0.95rem;
}

/*
 * Focus ring esplicito: la pagina wp-login non carica reset.css (niente
 * ring globale token-driven), quindi lo dichiariamo qui per la tastiera.
 */
.login a:focus-visible,
.login input:focus-visible,
.login button:focus-visible,
.login .button:focus-visible {
  outline: 2px solid var(--pt-accent);
  outline-offset: 2px;
}