/**
 * css/login-style.css
 * Personnalisation de la page de connexion WordPress (wp-login.php) - branding Handyloc.
 * Version confirmée en production (échange du 20/08/2026), réintégrée dans le
 * thème enfant après suppression puis nouvelle demande de restauration.
 */

body.login {
    font-family: "Karla", Helvetica, Arial, Lucida, sans-serif;
    background-color: #3d113c; /* violet foncé uni — remplace l'image (repeat disgracieux sur page longue) */
    padding: 150px 0 150px;
}

body.login.action-lostpassword #login,
body.login.action-retrievepassword #login,
body.login #login {
    border-radius: 10px;
    font-size: 20px;
    background-color: rgba(123, 35, 121, 0.8); /* #7b2379 - violet, DA du site (ex-navy) */
    overflow: hidden;
    color: white;
    text-align: left;
    width: 600px;
    height: 500px;
}

body.login #loginform {
    background-color: #7b237900; /* même violet, en dur (pas de superposition d'alpha sur #login) */
    border:none;
}

body.login .notice,
body.login .message,
body.login #lostpasswordform {
    background: transparent;
    border: none;
    color: white !important; /* évite le texte blanc-sur-blanc du style WP core par défaut */
}

body.login .notice {
    padding: 30px;
    font-size: 1em;
}

body.login #wp-submit {
    background-color: #f99d1b;
    font-size: 20px;
    padding: 0.1em 1em;
    line-height: 1.7em !important;
    border-radius: 3px;
    color: white;
    height: 40px;
    width: 300px;
    margin: 0 auto;
    text-transform: none;
    float: none;
}

body.login h1 a {
    background-image: url("https://handyloc.fr/wp-content/uploads/2025/07/logo-handyloc-blc.png");
    background-size: contain;
    background-repeat: no-repeat;
    width: 200px;
    height: 80px;
    margin: 0 auto 20px;
}

body.login.action-lostpassword input[type="text"],
body.login.action-retrievepassword input[type="text"],
body.login input[type="password"] {
    width: 100%;
    border: 1px solid #cbd5e1;
    border-radius: 10px;
    padding: 12px;
    margin-bottom: 16px;
    font-size: 15px;
    box-sizing: border-box;
}

body.login input.button-primary {
    width: 100%;
    background: #0069ff;
    border: none;
    border-radius: 10px;
    padding: 12px;
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
}

body.login input.button-primary:hover {
    background: #0056d4;
}

body.login #nav a,
body.login #backtoblog a {
    color: #0069ff !important;
    font-weight: 500;
}

body.login #nav,
body.login #backtoblog,
.language-switcher {
    display: none;
}

/* Icône d'aide (dashicons) en blanc, cohérent avec le reste du texte clair
   sur fond sombre de la page de connexion. */
body.login .dashicons-editor-help {
    color: white;
}