(function($) {
    'use strict';
    
    $(document).ready(function() {
        const $hamburger = $('.hamburger-toggle');
        const $offcanvas = $('.offcanvas-menu');
        const $body = $('body');
        
        // Debug check for elements
        console.log('Hamburger found:', $hamburger.length);
        console.log('Offcanvas found:', $offcanvas.length);
        
        $hamburger.on('click', function(e) {
            e.preventDefault();
            console.log('Hamburger clicked');
            
            $(this).toggleClass('active'); // Changed from is-active to active
            $offcanvas.toggleClass('active');
            $body.toggleClass('menu-open');
        });
        
        // Close menu when clicking document
        $(document).on('click', function(e) {
            if (!$(e.target).closest('.wp-block-srh-offcanvas-menu').length && 
                !$(e.target).closest('.hamburger-toggle').length) {
                $hamburger.removeClass('active');
                $offcanvas.removeClass('active');
                $body.removeClass('menu-open');
            }
        });
        
        // Stop propagation on menu clicks
        $('.offcanvas-menu-inner').on('click', function(e) {
            e.stopPropagation();
        });
    });
})(jQuery);