/* front login base; dynamic personalization is injected inline by plugin */
body.login { 
    margin:0; 
    font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; 
    background: none !important; 
    
    /* CRITICAL FIX FOR CENTERING */
    display: flex;
    flex-direction: column;
    align-items: center; /* Horizontal centering */
    justify-content: center; /* Vertical centering */
    min-height: 100vh; /* Ensure body takes full viewport height */
}
#login { 
    box-sizing:border-box; 
    padding: 0; 
    max-width: 90%; 
    margin: 0 auto;
}

#login-message{
    color:black !important;
}
/* Reset form container inside #login */
.login form {
    margin-top: 0 !important;
    padding: 0 !important;
    box-shadow: none !important;
    background: none !important;
}

.login form .input, 
.login input[type="text"], 
.login input[type="password"], 
.login input[type="email"] {
    width:100%; 
    padding:12px 14px; 
    border:1px solid #dcdcdc; 
    border-radius:6px; 
    margin-bottom:12px; 
    font-size:14px; 
    box-sizing:border-box;
}
.login label { 
    color:#333; 
    display:block; 
    margin-bottom:6px; 
    font-size:14px; 
}
.login .button-primary { 
    cursor:pointer; 
    width: 100%;
    text-align: center;
    padding: 10px 12px;
    height: auto; 
    box-shadow: none;
}
#backtoblog, #nav { 
    text-align: center; 
    padding: 0;
}
#backtoblog a, #nav a {
    text-decoration: none;
}

@media (max-width:480px) {
    #login { 
        width:90% !important; 
        padding:20px; 
        margin:0 auto; 
        box-sizing:border-box; 
    }
}