/* Esconder logo original do Chainlit */
img[src*="favicon"] {
  display: none !important;
}
div.relative.hidden.bg-muted.lg\:block.overflow-hidden {
  display: none !important;
}

/* Esconder dark mode toggle (com mais força) */
#theme-toggle,
button[data-testid="theme-toggle"] {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
}

/* Esconder 'Built with Chainlit' (watermark) */
.watermark,
footer > div > span {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
}

div#chat-input[data-placeholder="Type your message here..."] {
    position: relative; /* Necessário para posicionar o pseudo-elemento */
}

/* Oculta o texto original do placeholder */
div#chat-input[data-placeholder="Type your message here..."]:empty::before {
    content: none; /* Remove o texto original "Type your message here..." */
}

/* Adiciona o texto personalizado */
div#chat-input[data-placeholder="Type your message here..."]:empty::after {
    content: "Em que posso ajudar?"; /* Texto desejado */
    position: absolute;
}

/* Remove o texto personalizado quando o usuário digita */
div#chat-input:not(:empty)::after {
    content: none;
}

/* Remove o texto personalizado quando o campo está focado */
div#chat-input:focus::after {
    content: none;
}