/* Assurez-vous que ce CSS est chargé sur la page de connexion */
/*
.login-fullwidth {
    width: 100%;
    height: 100%;
    background-color: #fff; 
    padding: 20px 0;
}
*/
.login-fullwidth {
    display: flex;              /* Active le mode Flexbox */
    justify-content: center;    /* Centre horizontalement */
    align-items: center;        /* Centre verticalement */
    width: 100%;
    height: 100vh;              /* Optionnel : la hauteur prend toute la hauteur de la fenêtre */
    background-color: #fff;
    padding: 20px 0;
}
.custom-login-wrapper {
    display: flex;
    max-width: 990px;
    width: 100%;
    margin: 0 auto;
    border: 1px solid #fff;
    border-radius: 5px;
    overflow: hidden;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

.custom-login-left {
    flex: 1;
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
}

.custom-login-left h1 {
    display: block !important;
    color: red !important;
    font-size: 36px;
    margin: 0;
}

.custom-login-right {
    flex: 1;
    background-color: #fff;
    padding: 20px;
}

/* Optionnel : ajustement du formulaire WordPress si nécessaire */



/* Cache le logo WordPress par défaut */
.login h1 {
    display: none;
}

/* Fond et typographie de la page de connexion */
body.login {
    background-color: #f4f4f4 !important;
    background-image: none !important;
    font-family: Arial, sans-serif;
}

/* Conteneur du formulaire de connexion (adapté à la structure wp-login.php) */
/*
.login form {
    background: #fff;
    padding: 30px;
    margin: 0 auto;
    border: 1px solid #ddd;
    border-radius: 4px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    width: 320px;
}
*/

body.login #login form {
    background: #fff !important;
    padding: 30px !important;
    margin: 0 auto !important;
    /* … */
}

.login form {
    width: 320px !important;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1) !important;
}

.login .message, .login .notice, .login .success {
    border-left: 4px solid #e83040 !important;
}

.wp-core-ui .button, .wp-core-ui .button-secondary {
    color: #e83040 !important;
}

.login input[type=text]:focus, input[type=password]:focus {
    box-shadow: 0 0 0 1px #e83040 !important;
}
/* Champs de saisie */
.login form .input,
.login form input[type="text"],
.login form input[type="password"] {
    width: 100%;
    padding: 10px;
    margin-bottom: 10px;
    border: 1px solid #ccc;
    border-radius: 4px;
}

/* Bouton de soumission personnalisé */
.login form .button-primary {
    background-color: #e83040 !important;
    border-color: #e83040 !important;
    color: #fff !important;
    padding: 10px;
    border-radius: 4px;
    width: 100%;
    font-size: 16px;
    cursor: pointer;
}

.login form .button-primary:hover {
    background-color: #c2272b !important;
    border-color: #c2272b !important;
}

/* Liens (mot de passe oublié, retour au site) */
.login #nav a,
.login #backtoblog a {
    color: #e83040 !important;
    text-decoration: none;
}