/* Chat Area Responsive Styles */
.back-to-chat-list-btn {
    display: none;
    background: transparent;
    border: none;
    font-size: 24px;
    padding: 0;
    margin-left: 10px;
    color: var(--headingColor);
}

.list-group-user li {
    cursor: pointer;
    transition: background-color 0.2s ease;
}

.list-group-user li.active,
.list-group-user li:hover {
    background-color: var(--mainColor);
}

.list-group-user li.active .user-name h6,
.list-group-user li.active .user-name span,
.list-group-user li:hover .user-name h6,
.list-group-user li:hover .user-name span {
    color: var(--mainColor) !important;
}

.chat-content-area .content-right {
    display: none;
}

.chat-content-area.chat-selected .content-right {
    display: block;
}


@media (max-width: 991.98px) {
    .chat-content-area .sidebar-left {
        width: 100%;
    }
    .chat-content-area .content-right {
        display: none;
    }

    .chat-content-area.chat-opened .sidebar-left {
        display: none;
    }

    .chat-content-area.chat-opened .content-right {
        display: block;
        width: 100%;
    }
    
    .back-to-chat-list-btn {
        display: inline-block;
    }
}