/* ================================
   Page Auth — Login only
   ================================ */

/* Container centré plein écran */
.auth-wrap{
  min-height: calc(100vh - 140px); /* place pour footer */
  display:flex; align-items:center; justify-content:center;
  padding: 32px 16px;
}

/* Carte login */
.auth-card{
  width:100%; max-width: 560px;
  background:#fff; border:1px solid var(--border-200);
  border-radius:20px; box-shadow:0 10px 36px rgba(0,0,0,.08);
  padding:28px;
  text-align: center; /* Centre tout le contenu par défaut */
}

/* Logo centré */
.auth-logo {
  display: block;
  margin: 0 auto 1.5rem auto;
  max-width: 180px;
  height: auto;
}

/* Branding léger */
.brand-lite{
  display:inline-block;
  font-weight:600; letter-spacing:.4px;
  color:var(--washin-blue);
  border:2px solid var(--washin-blue);
  border-radius:999px; padding:6px 14px; margin-bottom:6px;
}

/* Titres - centrés */
.auth-title{ font-size:1.6rem; margin:0 0 .25rem; color:var(--ink-900); text-align:center; }
.auth-sub{ margin:0 0 1rem; color:var(--ink-600); text-align:center; }

/* Formulaire */
.auth-form .form-label{ font-weight:600; color:var(--ink-700); }
.auth-form .btn{ margin-top:6px; }

/* Séparateur centré */
.auth-divider{
  display:flex; align-items:center; justify-content:center;
  margin: 18px auto;
  max-width: 100%;
}
.auth-divider::before,
.auth-divider::after{
  content:""; height:1px; background:var(--border-200); flex:1;
}
.auth-divider span{ color:var(--ink-600); font-weight:600; text-transform:uppercase; font-size:.8rem; }

/* Boutons sociaux */
.social-grid{ display:grid; gap:10px; }
.social-grid .btn{
  display:flex; align-items:center; justify-content:center;
  height:48px; border-radius:12px; font-weight:600;
}
.social-grid .btn i{ font-size:1.1rem; }

/* Alertes */
.alert{ margin-top:8px; border-radius:12px; }

/* Responsive */
@media (max-width: 480px){
  .auth-card{ padding:20px; border-radius:16px; }
  .auth-title{ font-size:1.4rem; }
}


/* ================================
   Lien Mot de passe oublié (Style Pro)
   ================================ */
.auth-link {
  color: var(--ink-600);       /* Gris pro par défaut */
  font-size: 0.875rem;         /* Taille standard lisible (14px) */
  font-weight: 500;            /* Un peu de graisses pour la lisibilité */
  text-decoration: none;       /* Pas de soulignement moche */
  transition: all 0.2s ease;   /* Animation fluide */
  position: relative;
  margin: 13px;          /* Pour ajustements futurs si besoin */
}

.auth-link:hover,
.auth-link:focus {
  color: var(--washin-blue);   /* Ta couleur de marque au survol */
  text-decoration: underline;
  text-underline-offset: 4px;  /* Le soulignement un peu décollé du texte (très moderne) */
}