@media (max-width: 768px) {
    #chatWindow {
        width: 100% !important;
        height: 100% !important;
        bottom: 0 !important;
        right: 0 !important;
        left: 0 !important;
        top: 0 !important;
        border-radius: 0 !important;
        z-index: 9999 !important;
    }
     /*Προσαρμογή του ύψους των μηνυμάτων ώστε να πιάνει όλη την οθόνη μείον το header και το input bar */
    #chatWindow #chat-messages-container {
        height: calc(100vh - 130px) !important;
    }
}

/* Animations και εφέ εμφάνισης μηνυμάτων */
@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(6px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.chat-bubble-animate {
    animation: fadeIn 0.25s ease-out;
}

/* Δίνουμε στο εικονίδιο μεγαλύτερο z-index για να μην το σκεπάζει κανένα hover overlay του template */
#open-chat-float img {
    position: relative !important;
    z-index: 5 !important;
}

#open-chat-float:hover img {
    opacity: 1 !important;
    visibility: visible !important;
    display: inline-block !important;
    filter: none !important;
    position: relative !important;
    z-index: 5 !important;
}