/* Mobile fix: integrate chat directly into the bottom nav (text+icon) and hide the floating button */
@media (max-width: 767px) {

    /* Hide the floating blue button on mobile */
    .uepwa-chat-button {
        display: none !important;
    }

    /* Prevent the chat widget container from taking space or capturing clicks, but ensure no transform to fix window layout */
    .uepwa-chat-widget {
        transform: none !important; 
        bottom: 0 !important;
        right: 0 !important;
        width: 0 !important;
        height: 0 !important;
        pointer-events: none !important;
    }

    /* Ensure the chat window inside the widget receives pointer events when opened */
    .uepwa-chat-window {
        pointer-events: auto !important;
    }

    /* Unhide the native bottom nav chat item so it matches the other items perfectly */
    .uepwa-bottom-chat-btn {
        display: flex !important;
        visibility: visible !important;
        pointer-events: auto !important;
    }
}