//

document.addEventListener('DOMContentLoaded', function() {
  // إنشاء عناصر الأيقونات ديناميكيًا
  const contactInfo = `
    <div class="contact-info">
      <p><i class="fas fa-phone"></i> +966565750069</p>
      <p><i class="fas fa-envelope"></i> m.mo7ammad0@gmail.com</p>
      <p><i class="fas fa-map-marker-alt"></i> المملكة العربية السعودية</p>
    </div>
    
    <div class="social-links">
      <a href="#" class="social-icon"><i class="fab fa-whatsapp"></i></a>
      <a href="#" class="social-icon"><i class="fab fa-instagram"></i></a>
      <a href="#" class="social-icon"><i class="fab fa-snapchat"></i></a>
    </div>
  `;

  // إضافة الأيقونات إلى DOM
  const contactSection = document.querySelector('.salla-contact-page');
  if (contactSection) {
    contactSection.insertAdjacentHTML('beforeend', contactInfo);
  }

  // تأثيرات حركية للأيقونات
  const icons = document.querySelectorAll('.contact-info i, .social-icon');
  icons.forEach(icon => {
    icon.addEventListener('mouseenter', function() {
      this.style.transform = 'scale(1.2)';
      this.style.transition = 'all 0.3s ease';
    });
    
    icon.addEventListener('mouseleave', function() {
      this.style.transform = 'scale(1)';
    });
  });

  // تحميل Font Awesome ديناميكيًا
  const faScript = document.createElement('script');
  faScript.src = 'https://kit.fontawesome.com/a076d05399.js';
  faScript.crossOrigin = 'anonymous';
  document.head.appendChild(faScript);
});