jQuery(document).ready(function($) {
    // Show first level-3-4 content by default for each mega menu
    $('.mega-menu-wrapper').each(function() {
        $(this).find('.level-3-4-content').first().addClass('active');
    });

    // Handle level 2 item hover
    $('.level-2-item').hover(function() {
        const $megaMenu = $(this).closest('.mega-menu-wrapper');
        const parentId = $(this).find('a').parent().data('item-id');

        // Hide all level 3-4 content
        $megaMenu.find('.level-3-4-content').removeClass('active');

        // Show corresponding level 3-4 content
        $megaMenu.find(`.level-3-4-content[data-parent="${parentId}"]`).addClass('active');
    });

    // Handle click outside to close
    $(document).on('click', function(e) {
        if (!$(e.target).closest('.four-level-mega-menu').length) {
            $('.mega-menu-wrapper').removeClass('active');
        }
    });

    // Toggle mega menu on level 1 item hover
    $('.level-1-item').hover(
        function() {
            $(this).find('.mega-menu-wrapper').addClass('active');
        },
        function() {
            $(this).find('.mega-menu-wrapper').removeClass('active');
        }
    );

    // Handle touch devices
    $('.level-1-item > a').on('touchstart', function(e) {
        const $parent = $(this).parent();
        if ($parent.hasClass('has-mega-menu') && !$parent.hasClass('touch-active')) {
            e.preventDefault();
            $('.level-1-item').removeClass('touch-active');
            $parent.addClass('touch-active');
        }
    });
});