document.body.classList.add('support-nav-light');
(function () {
  var siteHeader = document.getElementById('siteHeader');
  var siteLogoImg = document.getElementById('siteLogoImg');

  if (siteHeader) {
    var syncSupportHeader = function () {
      siteHeader.classList.remove('hero-theme-light');
      siteHeader.classList.add('hero-theme-dark', 'page-navbar-solid');
    };

    syncSupportHeader();

    if (siteLogoImg) {
      var darkLogo = siteLogoImg.getAttribute('data-logo-dark');
      if (darkLogo) siteLogoImg.src = darkLogo;
    }

    window.addEventListener('scroll', syncSupportHeader, { passive: true });
    document.addEventListener('DOMContentLoaded', syncSupportHeader);
  }

  var tabs = Array.prototype.slice.call(document.querySelectorAll('.support-product-tab'));
  var panels = Array.prototype.slice.call(document.querySelectorAll('.support-product-panel'));

  if (tabs.length && panels.length) {
    tabs.forEach(function (tab) {
      tab.addEventListener('click', function () {
        var targetId = tab.getAttribute('data-target');
        tabs.forEach(function (btn) {
          btn.classList.remove('is-active');
          btn.setAttribute('aria-selected', 'false');
        });
        panels.forEach(function (panel) {
          var isMatch = panel.id === targetId;
          panel.classList.toggle('is-active', isMatch);
          if (isMatch) {
            panel.removeAttribute('hidden');
          } else {
            panel.setAttribute('hidden', 'hidden');
          }
        });
        tab.classList.add('is-active');
        tab.setAttribute('aria-selected', 'true');
      });
    });
  }
})();