/* wp-login habillé à la charte (phase 3 espace psy).
   Fond bleuté, carte blanche arrondie, logo officiel, boutons primary.
   AUCUNE modification du mécanisme d'authentification. */

body.login {
	background: var(--psy-bg, #F4F8F9);
	font-family: 'Hanken Grotesk', system-ui, -apple-system, sans-serif;
}

/* Carte */
.login form {
	background: #fff;
	border: 1px solid #DCE6EB;
	border-radius: 18px;
	box-shadow: 0 1px 2px rgba(39, 74, 94, .05), 0 10px 30px -12px rgba(39, 74, 94, .16);
	padding: 26px 24px;
}

/* Logo officiel à la place du logo WordPress.
   `#login h1 a` : le core wp-login utilise l'ID, il faut au moins l'égaler. */
#login h1 a,
.login h1 a {
	background-image: var(--psy-logo);
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	width: 280px;
	height: 52px;
	margin-bottom: 8px;
}

/* Champs */
.login form .input,
.login input[type="text"],
.login input[type="password"] {
	border: 1px solid #DCE6EB;
	border-radius: 10px;
	background: #F7FAFB;
	color: #22303A;
	box-shadow: none;
	padding: 8px 12px;
}
.login form .input:focus,
.login input[type="text"]:focus,
.login input[type="password"]:focus {
	border-color: #6B8FA3;
	box-shadow: 0 0 0 1px #6B8FA3;
	outline: none;
}

/* Bouton principal : pilule bleu profond, texte blanc (AA 9.43) */
.wp-core-ui.login .button-primary {
	background: #274A5E;
	border-color: #274A5E;
	border-radius: 999px;
	padding: 4px 22px;
	min-height: 38px;
	text-shadow: none;
	box-shadow: none;
}
.wp-core-ui.login .button-primary:hover,
.wp-core-ui.login .button-primary:focus {
	background: #1C3A4B;
	border-color: #1C3A4B;
}
.wp-core-ui.login .button-primary:focus {
	box-shadow: 0 0 0 2px #fff, 0 0 0 4px #1C3A4B;
}

/* Liens sous la carte */
.login #nav a, .login #backtoblog a {
	color: #2F5C72;
}
.login #nav a:hover, .login #backtoblog a:hover {
	color: #1C3A4B;
}

/* Messages */
.login .message, .login .success {
	border-left-color: #274A5E;
	border-radius: 10px;
}
.login #login_error {
	border-radius: 10px;
}