/*
 * Page de connexion WordPress aux couleurs d'AVEAH (lot 15A).
 * Chargée uniquement sur wp-login.php (connexion, mot de passe oublié,
 * nouveau mot de passe). Le logo est ajouté par functions.php.
 */

@font-face {
	font-family: "Montserrat";
	src: url("../fonts/montserrat-latin-wght-normal.woff2") format("woff2");
	font-weight: 100 900;
	font-style: normal;
	font-display: swap;
}

body.login {
	background-color: #F3F4F6;
	color: #1F2937;
	font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
	font-size: 16px;
}

/* Bande de couleur en haut de page */
body.login::before {
	content: "";
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	height: 6px;
	background: linear-gradient(90deg, #063C86 0%, #0875C3 60%, #24862E 85%, #F3C01B 100%);
}

#login {
	width: 100%;
	max-width: 380px;
	padding: 6vh 16px 24px;
	box-sizing: border-box;
}

/* Logo AVEAH (image définie dans functions.php) */
.login h1 a {
	width: 120px;
	height: 120px;
	background-size: contain;
	background-position: center;
	margin-bottom: 20px;
}

/* Carte du formulaire */
.login form {
	margin-top: 0;
	padding: 28px 24px;
	border: 1px solid #E5E7EB;
	border-radius: 10px;
	box-shadow: 0 6px 20px rgba(4, 42, 100, 0.08);
	background-color: #FFFFFF;
}

.login label {
	font-weight: 600;
	font-size: 15px;
	color: #1F2937;
}

.login form .input,
.login input[type="text"],
.login input[type="password"],
.login input[type="email"] {
	min-height: 46px;
	font-size: 16px; /* évite le zoom automatique sur iPhone */
	border: 1px solid #9CA3AF;
	border-radius: 6px;
	box-shadow: none;
	background-color: #FFFFFF;
}

.login form .input:focus,
.login input[type="text"]:focus,
.login input[type="password"]:focus {
	border-color: #063C86;
	box-shadow: 0 0 0 2px rgba(6, 60, 134, 0.25);
	outline: none;
}

/* Bouton d'affichage du mot de passe */
.login .button.wp-hide-pw {
	min-height: 46px;
	color: #063C86;
}

.login .button.wp-hide-pw:focus {
	border-color: #063C86;
	box-shadow: 0 0 0 2px rgba(6, 60, 134, 0.25);
}

/* Bouton principal */
.login .button-primary,
.wp-core-ui.login .button-primary {
	min-height: 46px;
	padding: 0 22px;
	border: 0;
	border-radius: 6px;
	background-color: #063C86;
	color: #FFFFFF;
	font-weight: 700;
	font-size: 16px;
	text-shadow: none;
	box-shadow: none;
}

.login .button-primary:hover,
.login .button-primary:focus {
	background-color: #0875C3;
	color: #FFFFFF;
}

.login .button-primary:focus {
	box-shadow: 0 0 0 2px #FFFFFF, 0 0 0 4px #063C86;
}

/* Case « Se souvenir de moi » */
.login input[type="checkbox"] {
	width: 18px;
	height: 18px;
	accent-color: #063C86;
}

.login input[type="checkbox"]:checked::before {
	display: none; /* coche native du navigateur */
}

/* Messages */
.login .message,
.login .notice,
.login #login_error {
	border-radius: 6px;
	box-shadow: none;
	border-left-width: 4px;
	color: #1F2937;
}

.login .message,
.login .notice-info,
.login .success {
	border-left-color: #24862E;
	background-color: #ECFDF3;
}

.login #login_error,
.login .notice-error {
	border-left-color: #B42318;
	background-color: #FEF3F2;
}

/* Liens sous le formulaire */
.login #nav,
.login #backtoblog {
	padding: 0 4px;
	font-size: 15px;
	text-align: center;
}

.login #nav a,
.login #backtoblog a,
.login .message a,
.login #login_error a {
	color: #063C86;
	text-decoration: underline;
	text-underline-offset: 2px;
}

.login #nav a:hover,
.login #backtoblog a:hover {
	color: #0875C3;
}

.login a:focus {
	color: #063C86;
	box-shadow: none;
	outline: 2px solid #063C86;
	outline-offset: 2px;
}

/* Lien vers la politique de confidentialité */
.login .privacy-policy-page-link {
	text-align: center;
}

@media (max-width: 400px) {
	.login form {
		padding: 22px 16px;
	}
}