/* Add custom Js styles below */ 

function addCustomHeaderLinks() {
  const menu = document.querySelector('.main-menu');

  // Skip if not found or already added
  if (!menu || menu.querySelector('.about-link') || menu.querySelector('.whatsapp-link')) return;

  // "من نحن" page link
  const aboutItem = document.createElement('li');
  aboutItem.className = '!hidden lg:!block root-level lg:!inline-block relative about-link';
  aboutItem.innerHTML = `
    <a href="https://digitaalvision.com/ar/%D9%85%D9%86-%D9%86%D8%AD%D9%86/page-2105720119" target="_self" aria-label="من نحن">
      <span>من نحن</span>
    </a>
  `;

  // "اتصل بنا" WhatsApp link
  const contactItem = document.createElement('li');
  contactItem.className = '!hidden lg:!block root-level lg:!inline-block relative whatsapp-link';
  contactItem.innerHTML = `
    <a href="https://wa.me/9660546342110" target="_blank" aria-label="اتصل بنا">
      <span>اتصل بنا</span>
    </a>
  `;

  // Append to menu
  menu.appendChild(aboutItem);
  menu.appendChild(contactItem);
}

// Run immediately when DOM is ready
document.addEventListener('DOMContentLoaded', () => {
  addCustomHeaderLinks();

  // Watch for header/menu changes dynamically
  const observer = new MutationObserver(() => {
    addCustomHeaderLinks();
  });

  // Observe the entire header area for any DOM changes
  const header = document.querySelector('.store-header');
  if (header) observer.observe(header, { childList: true, subtree: true });
});