/**
 * WLIQ Chatbot - Logo Styles
 * 
 * Styling for the chatbot logo in the header
 */

/* Logo styling in header */
#chatbot-chatgpt-header .chatbot-logo,
#chatbot-chatgpt-header-embedded .chatbot-logo,
.chatbot-floating-style #chatbot-chatgpt-header .chatbot-logo {
    max-height: 40px;
    max-width: 150px;
    object-fit: contain;
    margin-right: 10px;
    vertical-align: middle;
    display: inline-block;
}

/* Ensure header flex layout */
#chatbot-chatgpt-header,
#chatbot-chatgpt-header-embedded {
    display: flex;
    align-items: center;
    padding: 10px 15px;
}

/* Title styling when logo is present */
#chatbot-chatgpt-header #chatbot-chatgpt-title,
#chatbot-chatgpt-header-embedded #chatbot-chatgpt-title {
    display: inline-block;
    vertical-align: middle;
    flex-grow: 1;
}

/* Remove any icon pseudo-elements from messages */
.bot-message::before,
.user-message::before,
.chatbot-bot-text::before,
.chatbot-user-text::before {
    display: none !important;
    content: none !important;
}

/* Ensure message containers don't use flex (was expecting ::before element) */
.bot-message,
.user-message {
    display: block !important;
}