/*
 * Page de connexion.
 *
 * C'est la seule page de WordPress que le public voit encore, et elle
 * arrivait en bleu, en Open Sans, avec le logo de WordPress. Entre
 * l'accueil et elle, on changeait visiblement de site au moment precis
 * ou l'on demande un mot de passe, ce qui est le pire endroit pour
 * inspirer le doute.
 *
 * Meme palette et memes valeurs que les trois autres feuilles.
 */

body.login{
  background:#F7F9FC;
  font-family:"Montserrat", ui-sans-serif, system-ui, "Segoe UI", sans-serif;
  color:#0F172A;
}
body.login *{box-sizing:border-box}

/* Le logo. A defaut d'image, le nom ecrit en toutes lettres, ce qui vaut
   mieux qu'un cadre casse le jour ou le fichier bouge. */
.login h1{margin-bottom:22px}
.login h1 a{
  background:none !important;
  width:auto; height:auto; text-indent:0;
  font-size:19px; font-weight:800; letter-spacing:.10em;
  color:#0F172A; line-height:1.2;
  overflow:visible; margin:0 auto 4px;
}
.login h1 a:hover,
.login h1 a:focus{color:#C2410C; box-shadow:none}

#login{width:100%; max-width:400px; padding:8vh 20px 40px}

.login form{
  background:#FFF; border:1px solid #E4EAF1; border-radius:20px;
  padding:28px 26px; margin-top:18px;
  box-shadow:none;
}
.login form label{
  font-size:14px; font-weight:600; color:#0F172A; line-height:1.4;
}
.login form .input,
.login input[type="text"],
.login input[type="password"],
.login input[type="email"]{
  width:100%; margin:6px 0 18px;
  border:1px solid #E4EAF1; border-radius:10px;
  background:#FFF; color:#0F172A;
  padding:12px 15px; min-height:46px;
  font-family:inherit; font-size:16px; line-height:1.45;
  box-shadow:none;
}
.login input[type="text"]:focus,
.login input[type="password"]:focus,
.login input[type="email"]:focus{
  outline:2px solid #EA580C; outline-offset:1px;
  border-color:transparent; box-shadow:none;
}
.login .button.wp-hide-pw{
  border:0; background:none; color:#5F6C7D;
  top:2px; right:2px; height:44px; width:44px;
}
.login .button.wp-hide-pw:hover{color:#0F172A}
.login .button.wp-hide-pw:focus{outline:2px solid #EA580C; outline-offset:-2px; box-shadow:none}

.login .forgetmenot label{font-size:13px; font-weight:500; color:#475569}
.login input[type="checkbox"]{accent-color:#C2410C; width:18px; height:18px; border-radius:4px}

/* Le bouton. Meme pastille que partout ailleurs. */
.login .button-primary,
.wp-core-ui .login .button-primary{
  float:none; width:100%;
  background:#0F172A; border:0; border-radius:999px;
  padding:13px 22px; min-height:48px;
  font-family:inherit; font-size:15px; font-weight:600; line-height:1.2;
  text-shadow:none; box-shadow:none;
  transition:background .16s ease;
}
.login .button-primary:hover,
.login .button-primary:focus{background:#C2410C; box-shadow:none}
.login .submit{margin-top:4px}

/* Les avis. Le filet de couleur a gauche de WordPress est remplace par
   un aplat doux, comme sur le reste du site. */
.login .message,
.login .notice,
.login #login_error{
  border:0; border-left:0; border-radius:12px;
  padding:14px 17px; margin:0 0 18px;
  font-size:14px; line-height:1.55;
  background:#FFF1E7; color:#C2410C;
  box-shadow:none;
}
.login .message,
.login .notice-info{background:#E8EEFD; color:#1D4ED8}
.login #login_error{background:#FDEBEB; color:#B01B1B}

/* Les liens du bas, ramenes a une seule ligne lisible. */
.login #nav,
.login #backtoblog{
  padding:0; margin:16px 0 0; text-align:center;
}
.login #nav a,
.login #backtoblog a{
  color:#5F6C7D; font-size:13.5px; text-decoration:none;
}
.login #nav a:hover,
.login #backtoblog a:hover{color:#0F172A}
.login .language-switcher{display:none}

/* Le renvoi vers l'inscription. Sans lui, quelqu'un qui n'a pas encore
   de compte arrive sur une page qui ne lui propose que de se connecter,
   et repart. */
.novalect-login-ins{
  margin:18px 0 0; padding:16px 18px;
  background:#FFF; border:1px solid #E4EAF1; border-radius:14px;
  text-align:center; font-size:13.5px; color:#475569; line-height:1.55;
}
/* Le trait sous le mot, comme .nv-more sur l'accueil, et non un
   soulignement de lien brut : le site n'en pose nulle part. */
.novalect-login-ins a{
  display:inline-block; margin-top:9px;
  color:#0F172A; font-weight:600; text-decoration:none;
  border-bottom:1.5px solid currentColor; padding-bottom:2px;
  transition:color .15s ease, border-color .15s ease;
}
.novalect-login-ins a:hover{color:#C2410C}

@media (prefers-reduced-motion:reduce){
  .login *{transition:none !important}
}