/* Scoped to: ss-education-template-navbar */
(function() {
  'use strict';
  var componentRoots = document.querySelectorAll('[data-component-slug="ss-education-template-navbar"]');
  componentRoots.forEach(function(componentRoot) {
    // Helper to query within component, with fallback to document for sibling elements
    var $ = function(sel) { 
      return componentRoot.querySelector(sel) || document.querySelector('[data-component-slug="ss-education-template-navbar"] ~ ' + sel) || document.querySelector(sel);
    };
    var $$ = function(sel) { 
      var results = componentRoot.querySelectorAll(sel);
      return results.length ? results : document.querySelectorAll(sel);
    };
    // Original component JS runs in this scope
    const btn = document.querySelector(".mobile-menu-btn"); const menu = document.querySelector(".mobile-menu"); const hamburger = btn.querySelector(".hamburger-icon"); const closeIcon = btn.querySelector(".close-icon"); btn.addEventListener("click", () => { const isOpen = !menu.classList.contains("translate-x-full"); menu.classList.toggle("translate-x-full"); document.body.classList.toggle("overflow-hidden"); hamburger.classList.toggle("hidden"); closeIcon.classList.toggle("hidden"); }); document.querySelectorAll(".mobile-menu a").forEach((link) => { link.addEventListener("click", () => { menu.classList.add("translate-x-full"); document.body.classList.remove("overflow-hidden"); hamburger.classList.remove("hidden"); closeIcon.classList.add("hidden"); }); });
  });
})();