( function() {
    const siteNavigation = document.getElementById( 'site-navigation' );
    const menuToggle = siteNavigation.querySelector( '.menu-toggle' );

    // Early exit wenn kein Toggle da ist
    if ( ! menuToggle ) {
        return;
    }

    // Toggle Klassen hinzufügen (Menü öffnen/schließen)
    menuToggle.addEventListener( 'click', function() {
        siteNavigation.classList.toggle( 'toggled' );
        
        // Aria States aktualisieren
        if ( menuToggle.getAttribute( 'aria-expanded' ) === 'true' ) {
            menuToggle.setAttribute( 'aria-expanded', 'false' );
            menuToggle.innerHTML = '<i class="fas fa-bars"></i>';
        } else {
            menuToggle.setAttribute( 'aria-expanded', 'true' );
            menuToggle.innerHTML = '<i class="fas fa-times"></i>';
        }
    } );

    // Mobile Submenu Toggle (Klick auf Parent-Item öffnet Untermenü)
    const subMenuParents = siteNavigation.querySelectorAll( '.menu-item-has-children' );

    subMenuParents.forEach( function( subMenuParent ) {
        subMenuParent.addEventListener( 'click', function( e ) {
            // Nur auf Mobil aktivieren (Media Query Check)
            if ( window.innerWidth <= 992 ) {
                // Optional: Verhindern, dass der Link geklickt wird, wenn man nur das Menü öffnen will
                // e.preventDefault(); 

                // Klasse 'active' umschalten für das CSS Display
                this.classList.toggle( 'active' );
            }
        } );
    } );

} )();