(function ($) {
    "use strict";
    $(window).on('elementor/frontend/init', () => {
        elementorFrontend.hooks.addAction('frontend/element_ready/motiox-move-cursor.default', ($element) => {
            let cursorMove = $element.find('.cursor-move');

            if ($(window).width() >= 1024) {
                let moveIcon = cursorMove.find('.icon-title-move');

                moveIcon.css({
                    position: 'absolute',
                    transition: 'transform 0.2s ease, opacity 0.2s ease',
                    opacity: 0,
                    pointerEvents: 'none'
                });

                cursorMove.css({
                    cursor: 'none'
                });

                cursorMove.on('mousemove', function (event) {
                    let relativeX = event.pageX - $(this).offset().left;
                    let relativeY = event.pageY - $(this).offset().top;

                    let moveIconWidth = moveIcon.outerWidth();
                    let moveIconHeight = moveIcon.outerHeight();

                    moveIcon.css({
                        transform: `translate(${relativeX - moveIconWidth / 2}px, ${relativeY - moveIconHeight / 2}px)`,
                        opacity: 1
                    });
                });

                cursorMove.on('mouseenter', function (event) {
                    let relativeX = event.pageX - $(this).offset().left;
                    let relativeY = event.pageY - $(this).offset().top;

                    let moveIconWidth = moveIcon.outerWidth();
                    let moveIconHeight = moveIcon.outerHeight();

                    moveIcon.css({
                        transform: `translate(${relativeX - moveIconWidth / 2}px, ${relativeY - moveIconHeight / 2}px)`,
                        opacity: 1
                    });
                });

                cursorMove.on('mouseleave', function () {
                    moveIcon.css({
                        opacity: 0
                    });
                });
            }
        });
    });
})(jQuery);