/* Chatbot Widget Funeravet */
#chatbot-toggle {
    position: fixed; bottom: 24px; right: 24px;
    width: 56px; height: 56px; border-radius: 50%;
    background: #2e7d5e; color: #fff; border: none;
    font-size: 22px; cursor: pointer;
    box-shadow: 0 4px 12px rgba(0,0,0,0.25); z-index: 9999;
    display: flex; align-items: center; justify-content: center;
    transition: transform 0.2s;
}
#chatbot-toggle:hover { transform: scale(1.1); }
#chatbot-widget {
    position: fixed; bottom: 90px; right: 24px;
    width: 340px; max-height: 500px; background: #fff;
    border-radius: 16px; box-shadow: 0 8px 32px rgba(0,0,0,0.18);
    z-index: 9998; display: none; flex-direction: column;
    overflow: hidden; font-family: 'Poppins', sans-serif;
}
#chatbot-widget.open { display: flex; }
#chatbot-header {
    background: #2e7d5e; color: #fff; padding: 14px 16px;
    font-weight: 600; font-size: 15px;
    display: flex; align-items: center; gap: 10px;
}
#chatbot-messages {
    flex: 1; overflow-y: auto; padding: 12px;
    display: flex; flex-direction: column; gap: 8px; background: #f8f9fa;
}
.chat-msg {
    max-width: 85%; padding: 9px 13px; border-radius: 12px;
    font-size: 13.5px; line-height: 1.5; white-space: pre-wrap;
}
.chat-msg.bot {
    background: #fff; border: 1px solid #e0e0e0;
    align-self: flex-start; border-bottom-left-radius: 4px;
}
.chat-msg.user {
    background: #2e7d5e; color: #fff;
    align-self: flex-end; border-bottom-right-radius: 4px;
}
.chat-msg.typing { color: #999; font-style: italic; }
#chatbot-input-area {
    display: flex; padding: 10px; gap: 8px;
    border-top: 1px solid #e0e0e0; background: #fff;
}
#chatbot-input {
    flex: 1; border: 1px solid #ddd; border-radius: 20px;
    padding: 8px 14px; font-size: 13px; outline: none;
    font-family: 'Poppins', sans-serif;
}
#chatbot-send {
    background: #2e7d5e; color: #fff; border: none;
    border-radius: 50%; width: 36px; height: 36px;
    cursor: pointer; font-size: 15px;
    display: flex; align-items: center; justify-content: center;
}
@media (max-width: 480px) {
    #chatbot-widget { width: calc(100vw - 32px); right: 16px; bottom: 80px; }
    #chatbot-toggle { bottom: 16px; right: 16px; }
}