/* =====================================================================
   POMPAY GPS — login (index.php) : améliorations additives.
   Le gros du style moderne est déjà inline dans index.php ; ce fichier
   ne fait qu'ajouter ce qui manque (accessibilité, netteté, contraste),
   sans redéfinir la structure ni casser le HTML/JS de bascule des panneaux.
   Chargé APRÈS le <style> inline.
   ===================================================================== */

/* ---- Focus visible renforcé (clavier) ---- */
#login input.inputbox:focus-visible,
#login .wrapper .content-block input.button:focus-visible,
#login .recover-register-block li a:focus-visible {
	outline: 3px solid #93c5fd;
	outline-offset: 2px;
}

/* ---- Cible tactile minimale 44px pour les liens (récup / inscription) ---- */
#login .recover-register-block li a {
	display: inline-flex;
	align-items: center;
	min-height: 44px;
	color: #1d4ed8;              /* contraste AA sur fond blanc */
}
#login .recover-register-block li a:hover { color: #1e40af; }

/* ---- Logo net (évite le flou d'upscale) ---- */
#login .logo {
	image-rendering: -webkit-optimize-contrast;
	image-rendering: crisp-edges;
}

/* ---- Autofill : garder un fond clair lisible ---- */
#login input.inputbox:-webkit-autofill,
#login input.inputbox:-webkit-autofill:hover,
#login input.inputbox:-webkit-autofill:focus {
	-webkit-text-fill-color: #1e293b;
	-webkit-box-shadow: 0 0 0 1000px #f8fafc inset;
	transition: background-color 5000s ease-in-out 0s;
}

/* ---- Respect des préférences : mouvement réduit ---- */
@media (prefers-reduced-motion: reduce) {
	#login .wrapper .inner-wrapper { animation: none !important; }
	#login .wrapper .inner-wrapper,
	#login .wrapper .content-block input.button,
	#login input.inputbox { transition: none !important; }
}

/* ---- Contraste élevé (accessibilité) ---- */
@media (prefers-contrast: more) {
	#login .app-subtitle { color: #334155; }
	#login input.inputbox { border-color: #64748b; }
}