// Language Toggle Functionality
document.addEventListener('DOMContentLoaded', function() {
  const languageToggle = document.getElementById('language-toggle');
  
  const toggleLanguage = () => {
    document.querySelectorAll('.en, .ar').forEach(el => {
      el.classList.toggle('hidden');
    });
    // Update direction of document
    document.documentElement.dir = document.querySelector('.en.hidden') ? 'rtl' : 'auto';
  };

  if (languageToggle) {
    languageToggle.addEventListener('click', toggleLanguage);
  }

  // Set initial language state based on first element
  if (document.querySelector('.en') && !document.querySelector('.en').classList.contains('hidden')) {
    document.documentElement.dir = 'auto';
  } else if (document.querySelector('.ar') && !document.querySelector('.ar').classList.contains('hidden')) {
    document.documentElement.dir = 'rtl';
  }
  // Force initial state
  document.querySelectorAll('.ar').forEach(el => el.classList.add('hidden'));
  document.documentElement.dir = 'auto';

  // FAQ Accordion
document.querySelectorAll('.faq-toggle').forEach(button => {
    button.addEventListener('click', () => {
      const content = button.nextElementSibling;
      const icon = button.querySelector('.faq-icon');
      
      // Toggle content
      content.classList.toggle('hidden');
      
      // Rotate icon
      icon.classList.toggle('rotate-180');
    });
  });

  // Dark mode detection
  if (window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches) {
    document.documentElement.classList.add('dark');
  }

  // Mobile menu toggle would go here if needed
});