/* Full-page background */
body.login {
    background: url("https://www.hofoda.nl/wp-content/uploads/2025/05/trinity_low-scaled.jpg")
                no-repeat center center fixed;
    background-size: cover;
}

/* Center login box nicely */
#login {
    background: rgba(255, 255, 255, 0.95);
    padding: 40px 35px;
    border-radius: 12px;
    box-shadow: 0 10px 40px rgba(0,0,0,0.2);
}

/* Remove WordPress blue */
.wp-core-ui .button-primary {
    background: #2c3e50;
    border-color: #2c3e50;
}

.wp-core-ui .button-primary:hover {
    background: #1f2d3a;
}

/* Pure white login panel */
#login {
    background: #ffffff;
    padding: 40px 35px;
    border-radius: 8px;
    box-shadow: 0 4px 20px rgba(0,0,0,0.08);
}

/* Remove default WP grey */
.login form {
    background: transparent;
    border: none;
    box-shadow: none;
}

/* Keep things clean */
.login #nav {
    text-align: center;
}

/* Center login box in the viewport */
body.login {
    display: flex;
    justify-content: center; /* horizontal */
    align-items: center;     /* vertical */
    min-height: 100vh;
}

/* Remove WP top spacing */
#login {
    margin: 0;
    padding: 40px 35px;
}