body {
    background-color: #000 !important; /* black fallback */
    background-image: url(../images/login_background.webp) !important;
    background-size: cover !important;
    background-position-y: top !important;
}

/* Ensure container is fully transparent on login page */
.container {
    background-color: transparent !important;
}

/* Override dark mode styles for login page - keep original light appearance */
.form-control {
    background-color: #fff !important;
    color: #212529 !important;
    border-color: #ced4da !important;
}

.form-control::placeholder {
    color: #6c757d !important;
}

.form-label {
    color: #6c757d !important;
}

.form-floating > .form-control:focus ~ label,
.form-floating > .form-control:not(:placeholder-shown) ~ label {
    color: #6c757d !important;
}

/* Ensure no dark backgrounds leak into login overlay */
main, div, section {
    background-color: transparent !important;
}

/* White text for Remember me checkbox label */
.form-check-label, .checkbox label {
    color: white !important;
}