/*
 * Client brand CSS overrides for Chainlit
 * Change the CSS custom properties below to match the client's brand.
 */

/* --- Loading placeholder fade-in (used by autoscroll.js) --- */
@keyframes cl-fade-in {
  from { opacity: 0; }
  to { opacity: 1; }
}

/* --- Hide floating/sidebar toggle button --- */
#display-mode-button {
    display: none !important;
}

/* --- Hide Chainlit default footer branding --- */
a[href="https://github.com/Chainlit/chainlit"] {
    display: none !important;
}
footer {
    display: none !important;
}
.watermark {
    display: none !important;
}

/* --- Hide or restyle the LLM disclaimer text --- */
/* To hide completely, uncomment the next line: */
/* .disclaimer { display: none !important; } */

/* To change the text via CSS (replaces original text visually) */
.disclaimer {
    font-size: 0 !important;
}
.disclaimer::after {
    content: "Antworten können ungenau sein. Wichtige Infos bitte prüfen.";
    font-size: 12px;
}

/* --- Resize logo in chat widget --- */
img[src*="logo"] {
    max-height: 1.5rem !important;
    max-width: 1.5rem !important;
    height: 1.5rem !important;
    width: 1.5rem !important;
}

/* --- Smooth fade-in animation for messages --- */
.message {
    animation: fadeIn 0.3s ease-in;
}

@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(4px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Respect reduced motion preferences */
@media (prefers-reduced-motion: reduce) {
    .message {
        animation: none;
    }
}