/**
 * Login & registrazione WordPress (wp-login.php) — branding PARTECIPA.
 *
 * Allinea le pagine native di autenticazione (login, registrazione, recupero
 * password) alla grafica istituzionale del sito: logo PARTECIPA al posto del
 * logo WordPress, palette brand (token --pa-*), font self-hosted (GDPR, nessuna
 * chiamata esterna), focus accessibili (WCAG 2.4.7 / 1.4.11).
 *
 * Caricato via hook `login_enqueue_scripts` (functions.php). Solo presentazione:
 * nessuna alterazione del flusso di autenticazione nativo.
 * Dipendenze: partecipa-fonts (@font-face) + partecipa-brand-variables (token).
 */

body.login {
    background: var(--pa-sfondo-soft, #F4F6FB);
    font-family: 'Inter', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    color: var(--pa-blu-scuro-testo, #1A1A2E);
}

/* Logo PARTECIPA al posto del logo WordPress (path relativo a questo CSS). */
.login h1 a {
    background-image: url('../images/logos/partecipa-logo.svg');
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    width: 260px;
    height: 72px;
    margin: 0 auto 20px;
}

/* Box del form: card bianca con accento navy in alto. */
.login form {
    border: 1px solid rgba(28, 46, 110, 0.12);
    border-top: 4px solid var(--pa-blu-istituzionale, #1C2E6E);
    border-radius: 8px;
    box-shadow: 0 8px 28px rgba(28, 46, 110, 0.10);
    padding: 26px 24px 24px;
}

.login form label {
    color: var(--pa-blu-istituzionale, #1C2E6E);
    font-weight: 600;
    font-size: 14px;
}

/* Campi input: focus brand (non il blu di default di WordPress). */
.login input[type="text"],
.login input[type="password"],
.login input[type="email"] {
    border-radius: 6px;
    border: 1px solid rgba(28, 46, 110, 0.25);
    font-size: 15px;
    padding: 8px 10px;
}

.login input[type="text"]:focus,
.login input[type="password"]:focus,
.login input[type="email"]:focus {
    border-color: var(--pa-blu-istituzionale, #1C2E6E);
    box-shadow: 0 0 0 2px rgba(28, 46, 110, 0.28);
    outline: 2px solid transparent; /* focus reso visibile dal box-shadow (WCAG) */
}

/* Pulsante primario (Accedi / Registrati): navy istituzionale. */
.login .button-primary,
.wp-core-ui .login .button-primary {
    background: var(--pa-blu-istituzionale, #1C2E6E) !important;
    border-color: var(--pa-blu-istituzionale, #1C2E6E) !important;
    color: #FFFFFF !important;
    border-radius: 6px !important;
    text-shadow: none !important;
    box-shadow: none !important;
    font-family: 'Poppins', system-ui, sans-serif;
    font-weight: 600;
    height: auto;
    padding: 6px 20px !important;
    transition: background-color 0.15s ease, transform 0.15s ease;
}

.login .button-primary:hover,
.login .button-primary:focus {
    background: var(--pa-blu-unisa, #2F577F) !important;
    border-color: var(--pa-blu-unisa, #2F577F) !important;
    transform: translateY(-1px);
}

/* Link sotto il form (Registrati | Password dimenticata, ← Torna a). */
.login #nav a,
.login #backtoblog a {
    color: var(--pa-blu-unisa, #2F577F);
    transition: color 0.15s ease;
}

.login #nav a:hover,
.login #nav a:focus,
.login #backtoblog a:hover,
.login #backtoblog a:focus {
    color: var(--pa-arancione-accessibile, #B45309);
}

/* Avvisi/messaggi (es. "La conferma della registrazione ti arriverà…"). */
.login .message,
.login .notice,
.login #login_error {
    border-left-color: var(--pa-blu-istituzionale, #1C2E6E);
    border-radius: 4px;
}

.login #login_error {
    border-left-color: var(--pa-rosso, #E2342B);
}

/* "Ricordami": label normale, non grassetto navy. */
.login .forgetmenot label {
    color: inherit;
    font-weight: 400;
}