document.addEventListener('DOMContentLoaded', function() {
      const hamburger = document.getElementById('bizhub-hamburger');
      const menuItems = document.getElementById('bizhub-menuItems');

      // Toggle mobile menu
      hamburger.addEventListener('click', () => {
        menuItems.classList.toggle('active');
        const icon = hamburger.querySelector('i');
        icon.classList.toggle('fa-bars');
        icon.classList.toggle('fa-times');
      });

      // Add dropdown icons to all menu items with submenus
      function addDropdownIcons() {
        document.querySelectorAll('.bizhub-menu-items li').forEach(li => {
          const dropdown = li.querySelector('.sub-menu');
          const link = li.querySelector('a');
          if (dropdown && link && !link.querySelector('.dropdown-icon')) {
            const icon = document.createElement('i');
            icon.className = 'fas fa-chevron-down dropdown-icon';
            link.appendChild(icon);
          }
        });
      }

      // Setup mobile menu functionality
      function setupMobileMenu() {
        const allDropdownParents = document.querySelectorAll('.bizhub-menu-items li');
        
        allDropdownParents.forEach(parent => {
          const link = parent.querySelector('a');
          const dropdown = parent.querySelector('.sub-menu');
          const icon = link ? link.querySelector('.dropdown-icon') : null;

          if (dropdown && link) {
            link.addEventListener('click', e => {
              if (window.innerWidth <= 768) {
                e.preventDefault();
                const wasOpen = parent.classList.contains('open');
                
                // Close all siblings at the same level
                const siblings = parent.parentNode.querySelectorAll('li');
                siblings.forEach(sibling => {
                  if (sibling !== parent) {
                    sibling.classList.remove('open');
                  }
                });
                
                // Toggle current item
                parent.classList.toggle('open', !wasOpen);
                
                // Update icon rotation
                if (icon) {
                  icon.style.transform = wasOpen ? 'rotate(0deg)' : 'rotate(180deg)';
                }
              }
            });
          }
        });
      }

      // Close menu when clicking on non-dropdown links (mobile)
      document.querySelectorAll('.bizhub-menu-items > li > a').forEach(link => {
        link.addEventListener('click', e => {
          const parent = link.parentElement;
          const hasDropdown = parent.querySelector('.sub-menu');
          if (!hasDropdown && window.innerWidth <= 768) {
            menuItems.classList.remove('active');
            hamburger.querySelector('i').classList.add('fa-bars');
            hamburger.querySelector('i').classList.remove('fa-times');
          }
        });
      });

      // Reset menu states on desktop
      window.addEventListener('resize', function() {
        if (window.innerWidth > 768) {
          document.querySelectorAll('.bizhub-menu-items li').forEach(li => {
            li.classList.remove('open');
          });
        }
      });

      // Initialize
      addDropdownIcons();
      setupMobileMenu();
    });

    // SCROLL EVENT
window.addEventListener('scroll', function() {
  const nav = document.querySelector('.bizhub-navbar');
  const tbHeight = document.querySelector('.bizhub-ctb-section').offsetHeight;
  
  // When the page scrolls past the height of the top bar
  if (window.scrollY > tbHeight) {
    nav.classList.add('bizhub-scrolled');
  } else {
    nav.classList.remove('bizhub-scrolled');
  }
});