// script.js - burger menu + sticky header + safe image sizing
document.addEventListener('DOMContentLoaded', () => {
  const navbar = document.getElementById('navbar');
  const burgorIconDiv = document.getElementById('burgorIconDiv');
  const burgorIcon = document.getElementById('burgorIcon');
  const burgorMenuItems = document.getElementById('burgorMenuItems');

  // ===== Sticky navbar
  if (navbar) {
    const sticky = navbar.offsetTop;

    const handleScroll = () => {
      if (window.scrollY >= sticky) {
        navbar.classList.add('sticky');
      } else {
        navbar.classList.remove('sticky');
      }
    };

    window.addEventListener('scroll', handleScroll);
    handleScroll(); // run once
  }

  // ===== Burger menu toggle
  if (burgorIcon && burgorIconDiv && burgorMenuItems) {
    burgorIcon.addEventListener('click', () => {
      // Toggle burger/close icon
      burgorIcon.classList.toggle('fa-bars');
      burgorIcon.classList.toggle('fa-xmark');

      // Slide menu in/out
      burgorMenuItems.classList.toggle('burgorMenuItems');
      burgorIconDiv.classList.toggle('burgorDivTranslate');
      burgorIcon.classList.toggle('burgorTranslate');
    });
  }

  // ===== Image size fallback (prevents oversized images if CSS fails)
  const capImages = () => {
    document.querySelectorAll('img').forEach((img) => {
      img.style.maxWidth = '100%';
      img.style.height = 'auto';
      img.style.display = 'block';
      img.style.objectFit = 'cover';
    });

    document
      .querySelectorAll('.homeWelcome, .hero, .banner, .slider, .carousel')
      .forEach((el) => {
        el.querySelectorAll('img').forEach((img) => {
          img.style.maxHeight = '520px';
          img.style.width = '100%';
        });
      });
  };

  capImages();
  window.addEventListener('resize', () => {
    clearTimeout(window._resizeTimer);
    window._resizeTimer = setTimeout(capImages, 150);
  });

  window.__siteScriptsLoaded = true;
});