/* Hide the theme toggle button */
#theme-toggle {
    display: none !important;
}



/* Hide Chainlit watermark */
.watermark {
    display: none !important;
}

a[href*="chainlit.io"] {
    display: none !important;
}

/* Hide favicon link */
link[rel="icon"] {
    display: none !important;
}

/* Hide containers with img[alt="Image"] */
img[alt="Image"] {
    display: none !important;
}

/* Hide the parent div of img[alt="Image"] */
div:has(img[alt="Image"]) {
    display: none !important;
}

/* Hide logo image only on login page */
body:has([data-login="true"]) img[alt="logo"],
body:has([data-login="true"]) .logo {
    display: none !important;
}

/* Add small spacing to chat input to prevent footer overlap */
.cl-message-composer {
    margin-bottom: 30px !important;
}

/* Add spacing to the message composer container */
#message-composer {
    margin-bottom: 50px !important;
}

/* Add spacing to the chat input area */
.relative.flex.flex-col.items-center.gap-2.w-full {
    margin-bottom: 50px !important;
}





/* Custom WineAdvisor link styling */
.wineadvisor-link {
    color: #8B0000 !important; /* Dark red color */
    text-decoration: none !important;
    font-weight: 600 !important;
    font-size: 14px !important;
    padding: 8px 12px !important;
    border-radius: 4px !important;
    background-color: rgba(139, 0, 0, 0.1) !important;
    transition: all 0.3s ease !important;
}

.wineadvisor-link:hover {
    background-color: rgba(139, 0, 0, 0.2) !important;
    color: #A52A2A !important;
    text-decoration: underline !important;
}

/* Custom footer styling */
.custom-footer {
    position: fixed !important;
    bottom: 0 !important;
    left: 0 !important;
    right: 0 !important;
    background: hsl(0 0% 100%) !important; /* Match page background */
    border-top: 1px solid rgba(0, 0, 0, 0.1) !important;
    padding: 8px 16px !important;
    text-align: center !important;
    z-index: 1000 !important;
    font-size: 12px !important;
    color: #666 !important;
}

.custom-footer a {
    color: #8B0000 !important;
    text-decoration: none !important;
    font-weight: 700 !important; /* Bold text */
    transition: color 0.3s ease !important;
}

.custom-footer a:hover {
    color: #A52A2A !important;
    text-decoration: none !important; /* No underline on hover */
}

/* Dark mode support */
@media (prefers-color-scheme: dark) {
    .custom-footer {
        background: hsl(0 0% 5%) !important; /* Dark mode background */
        border-top: 1px solid rgba(255, 255, 255, 0.1) !important;
        color: #ccc !important;
    }
}