/**
 * Correção direta e agressiva para garantir que o estilo das mensagens do chatbot seja aplicado
 * Este CSS tem alta especificidade e usa !important em todas as propriedades
 */

/* Garantir que as mensagens do bot têm o estilo correto */
.aikit-message-bot .aikit-message-content,
.aikit-message-bot span.aikit-message-content,
.aikit-message-bot div.aikit-message-content,
.aikit-chat .aikit-message-bot .aikit-message-content,
.aikit-chat .aikit-message-bot span.aikit-message-content,
.aikit-chat .aikit-message-bot div.aikit-message-content,
.aikit-message.aikit-message-bot .aikit-message-content,
.aikit-message.aikit-message-bot span.aikit-message-content,
.aikit-message.aikit-message-bot div.aikit-message-content {
    background-color: #1D1D1D !important;
    color: #F0A030 !important;
    border: none !important;
    border-radius: 12px !important;
    padding: 12px 16px !important;
    font-family: 'Playfair Display', serif !important;
    font-size: 15px !important;
    line-height: 1.5 !important;
    position: relative !important;
    display: inline-block !important;
    max-width: 85% !important;
    margin-left: 15px !important;
    box-sizing: border-box !important;
    box-shadow: none !important;
}

/* Garantir que as mensagens do utilizador têm o estilo correto */
.aikit-message-user .aikit-message-content,
.aikit-message-user span.aikit-message-content,
.aikit-message-user div.aikit-message-content,
.aikit-chat .aikit-message-user .aikit-message-content,
.aikit-chat .aikit-message-user span.aikit-message-content,
.aikit-chat .aikit-message-user div.aikit-message-content,
.aikit-message.aikit-message-user .aikit-message-content,
.aikit-message.aikit-message-user span.aikit-message-content,
.aikit-message.aikit-message-user div.aikit-message-content {
    background-color: #F0A030 !important;
    color: #1D1D1D !important;
    border: none !important;
    border-radius: 12px !important;
    padding: 12px 16px !important;
    font-family: 'Playfair Display', serif !important;
    font-size: 15px !important;
    line-height: 1.5 !important;
    position: relative !important;
    display: inline-block !important;
    max-width: 85% !important;
    margin-right: 15px !important;
    box-sizing: border-box !important;
    box-shadow: none !important;
    text-align: left !important;
}

/* Cauda para mensagens do bot - mais específica */
.aikit-message-bot .aikit-message-content::before,
.aikit-message-bot span.aikit-message-content::before,
.aikit-message-bot div.aikit-message-content::before,
.aikit-chat .aikit-message-bot .aikit-message-content::before,
.aikit-chat .aikit-message-bot span.aikit-message-content::before,
.aikit-chat .aikit-message-bot div.aikit-message-content::before,
.aikit-message.aikit-message-bot .aikit-message-content::before,
.aikit-message.aikit-message-bot span.aikit-message-content::before,
.aikit-message.aikit-message-bot div.aikit-message-content::before {
    content: "" !important;
    position: absolute !important;
    top: 10px !important;
    left: -10px !important;
    width: 0 !important;
    height: 0 !important;
    border-style: solid !important;
    border-width: 8px 10px 8px 0 !important;
    border-color: transparent #1D1D1D transparent transparent !important;
    z-index: 1 !important;
}

/* Cauda para mensagens do utilizador - mais específica */
.aikit-message-user .aikit-message-content::after,
.aikit-message-user span.aikit-message-content::after,
.aikit-message-user div.aikit-message-content::after,
.aikit-chat .aikit-message-user .aikit-message-content::after,
.aikit-chat .aikit-message-user span.aikit-message-content::after,
.aikit-chat .aikit-message-user div.aikit-message-content::after,
.aikit-message.aikit-message-user .aikit-message-content::after,
.aikit-message.aikit-message-user span.aikit-message-content::after,
.aikit-message.aikit-message-user div.aikit-message-content::after {
    content: "" !important;
    position: absolute !important;
    top: 10px !important;
    right: -10px !important;
    width: 0 !important;
    height: 0 !important;
    border-style: solid !important;
    border-width: 8px 0 8px 10px !important;
    border-color: transparent transparent transparent #F0A030 !important;
    z-index: 1 !important;
}

/* Alinhamento das mensagens do utilizador à direita */
.aikit-message-user,
.aikit-chat .aikit-message-user,
.aikit-message.aikit-message-user {
    display: flex !important;
    justify-content: flex-end !important;
    width: 100% !important;
    margin-bottom: 10px !important;
    background: transparent !important;
}

/* Remover qualquer fundo branco adicional */
.aikit-chat {
    --aikit-message-bot-bg: transparent !important;
    --aikit-message-bot-color: #F0A030 !important;
    --aikit-message-user-bg: #F0A030 !important;
    --aikit-message-user-color: #1D1D1D !important;
}

/* Garantir que o contentor da mensagem do bot não tem fundo */
.aikit-message-bot,
.aikit-chat .aikit-message-bot,
.aikit-message.aikit-message-bot {
    background-color: transparent !important;
    background: none !important;
    margin-bottom: 10px !important;
}

/* Remover todos os fundos brancos do chatbot */
.aikit-chat .aikit-chat-messages > div,
.aikit-chat .aikit-message-container,
.aikit-chat .aikit-message-wrapper,
.aikit-chat .aikit-message-bot > div:not(.guardian-message-container):not(.guardian-message-bubble):not(.aikit-message-content),
.aikit-chat .aikit-message-bot div:not(.guardian-message-container):not(.guardian-message-bubble):not(.aikit-message-content),
.aikit-message-bot > div:not(.guardian-message-container):not(.guardian-message-bubble):not(.aikit-message-content) {
    background-color: transparent !important;
    background: none !important;
    padding: 0 !important;
    margin: 0 !important;
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}