/* ============================================================
   PAGINA DI LOGIN (wp-login.php, personalizzata con LoginPress)

   Raccoglie il contenuto del "body" — form, messaggi, link
   ("Password dimenticata?", "Registrati", "Torna al sito") e il
   selettore lingua — in un'unica SEZIONE BIANCA coerente e moderna,
   invece di lasciarli sparsi sullo sfondo.

   Volutamente NON tocca colori dei pulsanti né dimensioni dei font:
   restano quelli impostati in LoginPress, così l'accessibilità WCAG
   2.2 AA su contrasto e tipografia resta garantita dal plugin.
   L'immagine/sfondo di LoginPress non viene modificata.
   ============================================================ */

/* La sezione bianca: il contenitore #login diventa la card. */
.login #login {
  background: #ffffff;
  border-radius: 16px;
  box-shadow: 0 18px 50px rgba(15, 23, 42, 0.16), 0 2px 6px rgba(15, 23, 42, 0.06);
  padding: 14px 34px 26px;
  box-sizing: border-box;
}

/* Il form NON è più una "card nella card": trasparente, senza ombra/bordo,
   così si fonde nella sezione bianca. I pulsanti/label restano di LoginPress. */
.login #loginform {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  margin: 0 !important;
  padding: 8px 0 4px !important;
}

/* Messaggi ("Bentornato!", avvisi, errori) allineati nella sezione bianca. */
.login .message,
.login .login-message,
.login #login_error {
  box-sizing: border-box;
  margin: 4px 0 14px !important;
}

/* I link del body dentro la stessa sezione bianca, centrati. */
.login #nav,
.login #backtoblog {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  margin: 0 !important;
  text-align: center;
}
.login #nav {
  margin-top: 12px !important;
  padding: 16px 0 0;
  border-top: 1px solid rgba(15, 23, 42, 0.10);
}
.login #backtoblog {
  padding: 12px 0 0;
}

/* Selettore lingua dentro la card. */
.login #language-switcher {
  margin: 16px 0 0 !important;
  text-align: center;
}

/* Un po' d'aria attorno alla card su schermi piccoli. */
@media (max-width: 480px) {
  .login #login { padding: 12px 20px 22px; }
}