/* Écrans de connexion Visitio — rien ne doit rappeler l'administration. */

body.login{background:#f1f6f7;color:#203b48;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;height:auto;padding:40px 20px;margin:0;box-sizing:border-box}
body.login *{box-sizing:border-box}

/* Carte centrale ----------------------------------------------------- */
#login{width:440px;max-width:100%;padding:0;margin:0}
.login form{margin:0;padding:34px;background:#fff;border:1px solid #e4ebef;border-radius:20px;box-shadow:0 18px 50px #133c460d}

/* Marque -------------------------------------------------------------- */
/* La marque est rendue par le plugin, au-dessus de l'accroche. */
.login h1{display:none}
.visitio-login-brand{display:inline-flex;align-items:center;gap:9px;font-size:29px;font-weight:700;letter-spacing:-1.6px;line-height:1;color:#203b48;text-decoration:none;margin-bottom:22px}
.visitio-login-brand span{display:grid;place-items:center;width:40px;height:40px;border-radius:13px;background:#133c46;color:#fff;font-size:27px;letter-spacing:-3px;padding-right:3px}

/* Accroche ------------------------------------------------------------ */
.visitio-login-intro{width:440px;max-width:100%;margin:0 auto 20px;text-align:center}
.visitio-login-intro h2{margin:0 0 8px;font-size:26px;font-weight:600;letter-spacing:-1px;line-height:1.2;color:#203b48}
.visitio-login-intro p{margin:0;font-size:14px;line-height:1.65;color:#6d828b}

/* Champs -------------------------------------------------------------- */
.login label{display:block;font-size:12px;font-weight:600;color:#6d828b;margin-bottom:6px}
.login form .input,.login input[type=text],.login input[type=password],.login input[type=email],.login input[type=tel]{width:100%;font-size:15px;border:1px solid #dbe6ea;border-radius:11px;background:#fff;padding:12px 14px;min-height:48px;margin:0 0 16px;color:#203b48;box-shadow:none}
.login form .input:focus,.login input:focus{border-color:#133c46;box-shadow:0 0 0 3px #133c4618;outline:0}
.login .visitio-login-duo{display:grid;grid-template-columns:1fr 1fr;gap:0 12px}
.login .visitio-login-duo p{margin:0}

/* Bouton -------------------------------------------------------------- */
.login .button-primary,.login input[type=submit]{float:none;width:100%;background:#133c46;border:0;border-radius:12px;min-height:50px;font-size:15px;font-weight:600;text-shadow:none;box-shadow:none;margin-top:6px;transition:background .15s}
.login .button-primary:hover,.login input[type=submit]:hover{background:#0e2c34}

/* « Rester connecté » et mot de passe --------------------------------- */
.login .forgetmenot{float:none;margin:0 0 4px;display:flex;align-items:center;gap:8px;font-size:13px;color:#4b6470}
.login .forgetmenot input{margin:0}
.login .forgetmenot label{display:inline;margin:0;font-size:13px;font-weight:400;color:#4b6470}
.login .submit{margin:0}
.login .button.wp-hide-pw{top:5px;right:4px;color:#6d828b;box-shadow:none}
.login .button.wp-hide-pw:hover{color:#203b48}
.login .wp-pwd{position:relative}

/* Liens secondaires --------------------------------------------------- */
.login #nav,.login #backtoblog{width:440px;max-width:100%;padding:0;margin:16px auto 0;text-align:center}
.login #nav{margin-top:20px}
.login #nav a,.login #backtoblog a{color:#5a8593;font-size:13px;text-decoration:none}
.login #nav a:hover,.login #backtoblog a:hover{color:#133c46;text-decoration:underline}
.login #nav{display:flex;justify-content:center;gap:16px;flex-wrap:wrap}

/* Messages ------------------------------------------------------------ */
.login .message,.login .notice,.login #login_error{width:440px;max-width:100%;margin:0 auto 18px;padding:13px 16px;border:0;border-left:3px solid #133c46;border-radius:11px;background:#fff;box-shadow:0 6px 18px #133c460d;font-size:14px;line-height:1.6;color:#203b48}
.login #login_error{border-left-color:#b3261e;background:#fdecea;color:#8f2c22;box-shadow:none}
.login .message{border-left-color:#278361;background:#e8f3ef;color:#22634e;box-shadow:none}

/* Éléments WordPress à faire disparaître ------------------------------- */
/* L'identifiant est déduit de l'adresse : le champ n'a pas à être montré. */
.login #registerform > p:first-of-type:has(#user_login),
.login #registerform label[for=user_login]{display:none}
.login #registerform #user_login{display:none}
.login .language-switcher,.login .privacy-policy-page-link,#backtoblog{display:none}
.login .indicator-hint{font-size:12px;color:#6d828b;padding:0;margin:-10px 0 14px}
.login #pass-strength-result{border-radius:9px;border:0;background:#f1f6f7;font-size:12px;margin:-8px 0 14px;padding:9px}
.login #pass-strength-result.short{background:#fdecea;color:#8f2c22}
.login #pass-strength-result.bad{background:#fdf3e7;color:#8a5a12}
.login #pass-strength-result.good,.login #pass-strength-result.strong{background:#e8f3ef;color:#22634e}

@media(max-width:520px){
	body.login{padding:24px 16px}
	.login form{padding:26px 22px;border-radius:16px}
	.visitio-login-intro h2{font-size:22px}
	.login .visitio-login-duo{grid-template-columns:1fr}
}