/* Aalborg Kommune RAG — Custom Theme */

/* Apply background to the entire body and root elements */
body,
html,
#root,
.MuiBox-root:first-of-type {
    background-image: url("background.jpg") !important;
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-attachment: fixed !important;
    background-color: #e8eef0 !important;
}

/* Make chat container transparent so background shows through */
main,
main > div,
.css-1f5ro5o,
[class*="MuiBox-root"] {
    background-color: transparent !important;
}

/* Semi-transparent message bubbles for readability */
.step-container,
[class*="step-container"],
[class*="message"] > div {
    /* background-color: rgba(255, 255, 255, 0.92) !important; */
    border-radius: 12px !important;
    padding: 12px !important;
    margin-bottom: 8px !important;
    backdrop-filter: blur(4px) !important;
}

/* Input area styling */
[class*="composer"],
textarea {
   /* background-color: rgba(255, 255, 255, 0.95) !important; */
    backdrop-filter: blur(8px) !important;
}

/* Aalborg Kommune accent color */
a {
    color: #4a6670 !important;
}

/* --- NEW: Make Login Text, Labels, and Icons White --- */
.MuiTypography-root, 
.MuiInputBase-input, 
.MuiFormLabel-root,
.MuiIconButton-root,
h1, h2, p {
    color: white !important;
}

/* Make the input field underline/borders white for visibility */
.MuiOutlinedInput-notchedOutline {
    border-color: rgba(255, 255, 255, 0.5) !important;
}
.MuiOutlinedInput-root:hover .MuiOutlinedInput-notchedOutline {
    border-color: white !important;
}
/* Login page background */
[data-testid="login-page"],
.MuiContainer-root:has(.MuiOutlinedInput-root) {
    background-image: url("/public/aalborg_login.jpg") !important;
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
}