/* Live Helper Chat Custom Theme */

/* Widget Container */
#lhc_container {
    border-color: #3a2372 !important;
    background-color: transparent !important;
    border-radius: 10px !important;
    box-shadow: 0px 8px 3.5px rgba(32, 16, 72, 0.61) !important;
}

/* Header */
#lhc_header {
    background-color: #3a2372 !important;
    border-bottom: 1px solid #432f7a !important;
    border-radius: 10px 10px 0 0 !important;
    padding: 10px !important;
}

#lhc_header #lhc_title {
    color: #FFFFFF !important;
    font-family: "Poppins", sans-serif !important;
    font-weight: 600 !important;
}

/* Messages Area */
#messagesBlock {
    background-color: #140836 !important;
    padding: 15px !important;
}

/* Message Bubbles */
.message-row {
    margin-bottom: 10px !important;
}

/* Visitor Messages */
.message-row.response .msg-body {
    background-color: #078d07 !important;
    border: 2px solid #068c06 !important;
    color: #FFFFFF !important;
}

/* Operator Messages */
.message-row.operator .msg-body {
    background-color: #3a2372 !important;
    border: 1px solid #432f7a !important;
    color: #FFFFFF !important;
}

/* Message Body Common Styles */
.msg-body {
    border-radius: 10px !important;
    padding: 10px 15px !important;
    font-family: "Poppins", sans-serif !important;
    font-size: 14px !important;
}

/* User Titles */
.usr-tit {
    font-weight: 600 !important;
    margin-bottom: 5px !important;
    color: #FFFFFF !important;
}

/* Input Area */
.message-send {
    background-color: #261551 !important;
    border: 1px solid #341f68 !important;
    border-radius: 10px !important;
    color: #FFFFFF !important;
    font-family: "Poppins", sans-serif !important;
    padding: 12px 20px !important;
}

.message-send:focus {
    border: 1px solid #432f7a !important;
    box-shadow: none !important;
    outline: none !important;
}

/* Buttons */
.btn-bot {
    background-color: #078d07 !important;
    border: 2px solid #068c06 !important;
    color: #FFFFFF !important;
    border-radius: 10px !important;
    padding: 8px 20px !important;
    transition: 0.3s !important;
    font-family: "Poppins", sans-serif !important;
    font-weight: 600 !important;
}

.btn-bot:hover {
    background: #591db4 !important;
    border-color: transparent !important;
}

/* Need Help Widget */
.need-help-container {
    background-color: #201048 !important;
    border: 1px solid #3a2372 !important;
    border-radius: 10px !important;
}

.need-help-header {
    background-color: #3a2372 !important;
    color: #FFFFFF !important;
}

.need-help-close {
    background-color: #591db4 !important;
}

.need-help-close:hover {
    background-color: #078d07 !important;
}

/* Typing Indicator */
.message-row-typing .msg-body {
    background-color: #261551 !important;
    border: 1px solid #341f68 !important;
}

/* Scrollbar Styling */
#messagesBlock::-webkit-scrollbar {
    width: 6px !important;
}

#messagesBlock::-webkit-scrollbar-track {
    background: #00003e !important;
}

#messagesBlock::-webkit-scrollbar-thumb {
    background-color: #5732c6 !important;
    border-radius: 3px !important;
}

/* Mobile Specific Styles */
@media (max-width: 699px) {
    #lhc_container {
        width: 100% !important;
        max-width: 320px !important;
        height: 420px !important;
    }
    
    .message-send {
        font-size: 14px !important;
    }
    
    .msg-body {
        font-size: 13px !important;
        padding: 8px 12px !important;
    }
}

/* Status Messages */
.status-message {
    background-color: #261551 !important;
    border: 1px solid #341f68 !important;
    color: #FFFFFF !important;
    border-radius: 10px !important;
    padding: 8px 15px !important;
    margin: 10px 0 !important;
}

/* Operator Info */
.operator-info {
    background-color: #3a2372 !important;
    border-radius: 10px !important;
    padding: 10px !important;
    margin-bottom: 10px !important;
}

/* File Upload Area */
.file-uploader {
    background-color: #261551 !important;
    border: 1px solid #341f68 !important;
    border-radius: 10px !important;
    padding: 10px !important;
}

/* Survey/Feedback Area */
.survey-box {
    background-color: #261551 !important;
    border: 1px solid #341f68 !important;
    border-radius: 10px !important;
    padding: 15px !important;
    margin-top: 10px !important;
}

.survey-box input[type="radio"] + label {
    color: #FFFFFF !important;
}

/* Chat Actions Menu */
.chat-actions {
    background-color: #3a2372 !important;
    border: 1px solid #432f7a !important;
    border-radius: 10px !important;
}

.chat-actions a {
    color: #FFFFFF !important;
    padding: 8px 15px !important;
    transition: 0.3s !important;
}

.chat-actions a:hover {
    background-color: #078d07 !important;
}

/* Operator Name */
.fw-bold.op-name-widget {
    color: #FFFFFF !important;
}

/* Operator Profile Text */
.fst-italic.operator-profile-start-chat {
    color: #FFFFFF !important;
}

/* Status Text */
.fs12.status-text {
    color: #FFFFFF !important;
}

/* Offline Intro Text */
.pb-1.mb-0.pt-2.px-3.fw-bold.offline-intro {
    color: #FFFFFF !important;
}

/* Form Labels */
.control-label {
    color: #FFFFFF !important;
}

/* Padding Top Text */
.pt-2 {
    color: #FFFFFF !important;
}