/* Ensure the header and footer span the full width */
.site-header,
.site-footer {
    width: 100% !important;
    max-width: none !important; /* Override any theme constraints */
    margin: 0 auto !important; /* Center them if necessary */
    flex-shrink: 0 !important; /* Prevent shrinking */
    display: block !important; /* Ensure they're treated as block-level elements */
}

/* Adjust body styling to separate header and footer from #login-content */
body {
    background-color: #151515 !important; /* Full black background */
    color: #ffffff !important; /* White text for contrast */
    font-family: 'Fira Code', 'Courier New', monospace !important;
    margin: 0;
    display: flex;
    flex-direction: column; /* Stack header, content, and footer */
    min-height: 100vh; /* Ensure the body fills the viewport height */
}

/* Center the #login-content without affecting header and footer */
#login-content {
    margin: auto; /* Center content */
    max-width: 400px;
    margin-top: 80px;
    width: 90%;
    background-color: #1e1d1d;
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.6);
    text-align: center;
}

/* Form labels and inputs */
#login-form label {
    display: block;
    text-align: left;
    margin: 0px 0 5px;
    font-size: 14px !important;
    color: #bbbbbb !important;
}

#login-form input {
    width: 100%;
    padding: 10px;
    margin-bottom: 20px;
    border: none;
    border-radius: 5px;
    background-color: #333333 !important; /* Dark input field */
    color: #ffffff !important; /* White text */
    font-size: 16px !important;
}

#login-form input:focus {
    outline: none;
    background-color: #444444 !important; /* Slightly lighter on focus */
}

/* Submit button */
#login-form button {
    width: 100%;
    padding: 10px;
    margin-top: 10px;
    background-color: #2a6491; /* Modern blue color */
    color: #ffffff !important;
    border: none;
    border-radius: 5px;
    font-size: 16px !important;
    font-weight: bold !important;
    cursor: pointer;
    transition: background-color 0.3s ease-in-out;
}

#login-form button:hover {
    background-color: #22465f !important; /* Darker blue on hover */
}