/*
 * AN Italia — Login page custom styles
 *
 * Sovrascrive lo stile default di /wp-login.php
 * con palette e branding AN Italia.
 *
 * NOTA: l'URL del logo è iniettato dinamicamente
 * via wp_add_inline_style() in functions.php
 * (vedi hook login_enqueue_scripts).
 */

/* Variabili palette (replicate da anitalia.css
   visto che login.css è caricato isolato) */
:root {
  --pal-ranger-500: #3B4A3F;
  --pal-offblack-500: #2E3A32;
  --pal-offblack-700: #1A1E1B;
  --pal-accent: #FF9F1C;
  --pal-tan-500: #D2B48C;
  --pal-white: #FFFFFF;
  --font-display: 'Oswald', sans-serif;
  --font-body: 'Inter', sans-serif;
}

/* Background pagina: gradient scuro brand */
body.login {
  background: linear-gradient(
    135deg,
    var(--pal-offblack-700) 0%,
    var(--pal-ranger-500) 100%
  );
  font-family: var(--font-body);
}

/* Logo container: dimensioni e padding */
body.login h1 a {
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  width: 240px;
  height: 80px;
  margin: 0 auto 24px;
  /* background-image iniettato via inline_style */
}

/* Form container: card bianca con shadow */
body.login form {
  background: var(--pal-white);
  border: none;
  border-radius: 12px;
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);
  padding: 32px 28px;
}

/* Label form */
body.login label {
  font-family: var(--font-display);
  font-size: 0.85rem;
  font-weight: 600;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: var(--pal-offblack-700);
}

/* Input fields */
body.login input[type="text"],
body.login input[type="password"],
body.login input[type="email"] {
  border: 2px solid #E5E7EB;
  border-radius: 6px;
  padding: 12px 14px;
  font-size: 0.95rem;
  transition: border-color 0.2s, box-shadow 0.2s;
}
body.login input[type="text"]:focus,
body.login input[type="password"]:focus,
body.login input[type="email"]:focus {
  border-color: var(--pal-accent);
  box-shadow: 0 0 0 3px rgba(255, 159, 28, 0.15);
  outline: none;
}

/* Bottone "Log In" / "Reset Password" */
body.login .button-primary,
body.login #wp-submit {
  background: var(--pal-accent) !important;
  border: none !important;
  border-radius: 6px !important;
  box-shadow: none !important;
  color: var(--pal-offblack-700) !important;
  font-family: var(--font-display) !important;
  font-size: 0.9rem !important;
  font-weight: 700 !important;
  letter-spacing: 1.5px !important;
  text-transform: uppercase !important;
  text-shadow: none !important;
  padding: 14px 24px !important;
  height: auto !important;
  width: 100% !important;
  transition: background 0.2s, transform 0.1s;
}
body.login .button-primary:hover,
body.login #wp-submit:hover {
  background: #E68A00 !important;
  transform: translateY(-1px);
}

/* Link "Lost your password" + "Back to AN Italia" */
body.login #nav,
body.login #backtoblog {
  text-align: center;
  margin-top: 16px;
}
body.login #nav a,
body.login #backtoblog a {
  color: rgba(255, 255, 255, 0.75) !important;
  font-size: 0.85rem;
  text-decoration: none;
  transition: color 0.2s;
}
body.login #nav a:hover,
body.login #backtoblog a:hover {
  color: var(--pal-accent) !important;
}

/* Messaggio di benvenuto custom */
body.login .ipa-login-welcome {
  text-align: center;
  color: var(--pal-white);
  font-size: 1rem;
  line-height: 1.5;
  margin-bottom: 20px;
  padding: 0 12px;
}
body.login .ipa-login-welcome strong {
  font-family: var(--font-display);
  font-size: 1.2rem;
  font-weight: 600;
  color: var(--pal-accent);
  display: block;
  margin-bottom: 6px;
  letter-spacing: 1px;
  text-transform: uppercase;
}

/* Messaggi di errore/successo */
body.login .message,
body.login #login_error {
  border-radius: 6px;
  border-left: 4px solid var(--pal-accent);
}

/* Privacy policy link */
body.login .privacy-policy-page-link {
  text-align: center;
  margin-top: 24px;
}
body.login .privacy-policy-page-link a {
  color: rgba(255, 255, 255, 0.5);
  font-size: 0.8rem;
  text-decoration: none;
}

/* Mobile responsive */
@media (max-width: 480px) {
  body.login h1 a {
    width: 180px;
    height: 60px;
  }
  body.login form {
    padding: 24px 20px;
  }
}