/*
 * FILTRA MxChat Movable & Resizable v1.0.0
 * Desktop-only enhancement for MxChat floating widgets.
 */

@media (min-width: 769px) {
    .floating-chatbot.filtra-mxchat-draggable {
        min-width: 320px !important;
        min-height: 420px !important;
        max-width: calc(100vw - 24px) !important;
        max-height: calc(100dvh - 24px) !important;
        box-sizing: border-box !important;
    }

    .floating-chatbot.filtra-mxchat-draggable .chatbot-top-bar {
        cursor: move !important;
        user-select: none;
        -webkit-user-select: none;
        touch-action: none;
    }

    .floating-chatbot.filtra-mxchat-draggable .chatbot-top-bar button,
    .floating-chatbot.filtra-mxchat-draggable .chatbot-top-bar a,
    .floating-chatbot.filtra-mxchat-draggable .chatbot-top-bar input,
    .floating-chatbot.filtra-mxchat-draggable .chatbot-top-bar select,
    .floating-chatbot.filtra-mxchat-draggable .chatbot-top-bar textarea {
        cursor: pointer !important;
    }

    .filtra-mxchat-resize-handle {
        position: absolute;
        right: 3px;
        bottom: 3px;
        width: 20px;
        height: 20px;
        z-index: 100005;
        cursor: nwse-resize;
        touch-action: none;
        opacity: 0.75;
    }

    .filtra-mxchat-resize-handle::before,
    .filtra-mxchat-resize-handle::after {
        content: "";
        position: absolute;
        right: 3px;
        bottom: 3px;
        border-right: 2px solid rgba(120, 120, 120, 0.85);
        border-bottom: 2px solid rgba(120, 120, 120, 0.85);
    }

    .filtra-mxchat-resize-handle::before {
        width: 12px;
        height: 12px;
    }

    .filtra-mxchat-resize-handle::after {
        width: 6px;
        height: 6px;
    }

    body.filtra-mxchat-is-dragging,
    body.filtra-mxchat-is-dragging * {
        cursor: move !important;
        user-select: none !important;
        -webkit-user-select: none !important;
    }

    body.filtra-mxchat-is-resizing,
    body.filtra-mxchat-is-resizing * {
        cursor: nwse-resize !important;
        user-select: none !important;
        -webkit-user-select: none !important;
    }
}

@media (max-width: 768px) {
    .filtra-mxchat-resize-handle {
        display: none !important;
    }
}