/* custom.css */

/* Force link color to match theme (cyan) instead of MUI default pink
   Only apply to content areas (dialogs, messages), NOT footer links.
   Footer links use class .watermark and should keep their default grey color. */
[role="dialog"] a,
.MuiDialogContent-root a,
.MuiTypography-root a:not(.watermark a) {
    color: #00A1D0 !important;
}

[role="dialog"] a:hover,
.MuiDialogContent-root a:hover,
.MuiTypography-root a:hover:not(.watermark a) {
    color: #5FBDD3 !important;
}

/* Make About button text match other header icons - theme aware
   Uses CSS color-scheme and prefers-color-scheme for reliable theme detection */
#readme-button {
    color: #6B7280 !important;  /* Light mode: darker grey */
}

/* Dark mode: lighter grey - multiple selectors for reliability */
html.dark #readme-button,
[data-theme="dark"] #readme-button,
[data-mode="dark"] #readme-button {
    color: #9CA3AF !important;
}

/* Also use prefers-color-scheme as fallback when Chainlit respects system preference */
@media (prefers-color-scheme: dark) {
    #readme-button {
        color: #9CA3AF !important;
    }
}
/* Override back to light if explicitly set to light mode */
@media (prefers-color-scheme: dark) {
    html.light #readme-button,
    [data-theme="light"] #readme-button,
    [data-mode="light"] #readme-button {
        color: #6B7280 !important;
    }
}

/* Fix Chainlit input cursor issue (GitHub issue #1921)
   The cursor doesn't change to text cursor over all parts of the input,
   making it appear unclickable even though clicks work. */
#chat-input,
textarea,
[role="textbox"] {
    cursor: text !important;
}

/* Also fix the parent container to show text cursor */
#chat-input + div,
textarea + div {
    cursor: text !important;
}

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

/* Hide copy button on messages - not needed for this application
   Chainlit 2.x doesn't use aria-label, so we target the button by its SVG structure.
   The copy icon has a specific path for two overlapping rectangles. */
button:has(svg path[d^="M4 16c-1.1 0-2-.9-2-2V4c0-1.1"]) {
    display: none !important;
}

/*<div class="MuiAvatar-root MuiAvatar-circular css-v72an7" aria-label="The-Clean-Club-AI"><img src="http://localhost:8111/avatars/The-Clean-Club-AI" class="MuiAvatar-img css-1hy9t21"></div>*/