/**
 * IAWEB Branding — Login Page CSS
 * Stile minimale, moderno, centrato verticalmente.
 */

:root {
  --brand-primary : #000000;
  --brand-hover   : #222222;
  --brand-radius  : 8px;
  --input-radius  : 6px;
  --card-shadow   : 0 4px 24px rgba(0, 0, 0, 0.08);
}

/* ── Sfondo + centratura verticale ────────────── */
body.login {
  background-color : #f5f5f5;
  font-family      : -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
                     Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  display          : flex;
  flex-direction   : column;
  align-items      : center;
  justify-content  : center;
  min-height       : 100vh;
  margin           : 0;
  padding          : 20px 0;
  box-sizing       : border-box;
}

/* ── Card ──────────────────────────────────────── */
#login {
  width     : 100%;
  max-width : 420px;
  padding   : 0;
  margin    : 0 auto;
}

#login form,
.login form {
  background    : #ffffff;
  border        : none;
  border-radius : var(--brand-radius);
  box-shadow    : var(--card-shadow);
  padding       : 40px 40px 32px;
  margin-top    : 0;
}

/* ── Logo ──────────────────────────────────────── */
#login h1, .login h1 { margin-bottom: 0; }

/* ── Label ─────────────────────────────────────── */
.login label {
  font-size   : 13px;
  font-weight : 500;
  color       : #333;
}

/* ── Input ─────────────────────────────────────── */
.login input[type="text"],
.login input[type="password"],
.login input[type="email"] {
  border           : 1.5px solid #ddd;
  border-radius    : var(--input-radius);
  font-size        : 14px;
  background-color : #fafafa;
  box-shadow       : none;
  transition       : border-color 0.2s ease, box-shadow 0.2s ease;
}

.login input[type="text"]:focus,
.login input[type="password"]:focus,
.login input[type="email"]:focus {
  border-color : var(--brand-primary);
  box-shadow   : 0 0 0 3px rgba(0, 0, 0, 0.08);
  outline      : none;
  background   : #fff;
}

/* ── Checkbox ──────────────────────────────────── */
.login input[type="checkbox"] {
  accent-color : var(--brand-primary);
}

/* ── Bottone Accedi ────────────────────────────── */
.login .button-primary,
.login input[type="submit"],
#login .button-primary {
  width            : 100%;
  background-color : var(--brand-primary);
  color            : #ffffff;
  border           : none;
  border-radius    : var(--brand-radius);
  font-size        : 14px;
  font-weight      : 600;
  cursor           : pointer;
  transition       : background-color 0.2s ease;
  box-shadow       : none;
  text-shadow      : none;
}

.login .button-primary:hover,
.login input[type="submit"]:hover {
  background-color : var(--brand-hover) !important;
  color            : #ffffff !important;
  box-shadow       : 0 2px 8px rgba(0, 0, 0, 0.18) !important;
}

/* ── Link password dimenticata ─────────────────── */
.login #nav a, .login #backtoblog a {
  color       : #555;
  font-size   : 13px;
  text-decoration: none;
}
.login #nav a:hover, .login #backtoblog a:hover {
  color : var(--brand-primary);
}

/* ── Icona occhio password (nativa WP) ─────────── */
.login .wp-pwd button.button {
  background : transparent;
  border     : none;
  box-shadow : none;
  color      : #888;
}
.login .wp-pwd button.button:hover { color: var(--brand-primary); }

/* ── Rimuove barra selettore lingua in fondo ───── */
.login #language-switcher,
.language-switcher,
#login-language-switcher {
  display : none !important;
}

/* ── Responsive ────────────────────────────────── */
@media (max-width: 480px) {
  #login form, .login form { padding: 28px 24px 24px; }
}