/* ========================================
   الكود الموحد - واتساب عائم + الفوتر
   ======================================== */
document.addEventListener("DOMContentLoaded", function() {
  'use strict';

  // --- حذف أي واتساب عائم قديم ---
  document.querySelectorAll('.floating-whatsapp, .whatsapp-float, [class*="whatsapp-float"]:not(.whatsapp-floating)').forEach(el => el.remove());

  // --- إضافة واتساب عائم جديد ---
  if (!document.querySelector('.whatsapp-floating')) {
    const whatsapp = document.createElement("a");
    whatsapp.href = "https://wa.me/966575950304";
    whatsapp.target = "_blank";
    whatsapp.className = "whatsapp-floating";
    whatsapp.setAttribute("aria-label", "واتساب");
    whatsapp.innerHTML = `
      <span class="whatsapp-tooltip">تواصل معنا</span>
      <svg viewBox="0 0 32 32">
        <path d="M16 .4C7.4.4.4 7.3.4 15.9c0 2.8.8 5.5 2.2 7.8L0 32l8.6-2.5c2.2 1.2 4.8 1.9 7.4 1.9 8.6 0 15.6-6.9 15.6-15.5S24.6.4 16 .4zm0 28.2c-2.3 0-4.5-.6-6.4-1.8l-.5-.3-5.1 1.5 1.5-4.9-.3-.5c-1.3-2-2-4.3-2-6.8 0-7 5.8-12.7 12.8-12.7 7.1 0 12.8 5.7 12.8 12.7S23.1 28.6 16 28.6zm7-9.5c-.4-.2-2.3-1.1-2.6-1.2-.4-.1-.6-.2-.9.2s-1 1.2-1.2 1.4c-.2.3-.5.3-.8.1-2-.9-3.4-1.7-4.8-3.9-.4-.6.4-.6 1.1-2 .1-.2.1-.5 0-.7-.1-.2-.9-2.2-1.3-3-.3-.8-.6-.7-.9-.7h-.8c-.3 0-.7.1-1 .5s-1.4 1.3-1.4 3.2 1.5 3.7 1.7 4c.2.3 3 4.8 7.3 6.5 2.7 1.1 3.8 1.2 5.1 1 .8-.1 2.3-.9 2.7-1.8.3-.9.3-1.7.2-1.8-.1-.2-.4-.3-.8-.5z"/>
      </svg>
    `;
    document.body.appendChild(whatsapp);
  }

  // --- الفوتر ---
  const footer = document.querySelector('.store-footer');
  if (!footer) return;

  // إزالة الاكورديون
  const items = footer.querySelectorAll('.footer-item');
  items.forEach(item => {
    item.classList.remove('collapsed', 'closed', 'hidden');
    item.style.maxHeight = 'none';
    item.style.overflow = 'visible';
    item.style.height = 'auto';
    item.querySelectorAll('*').forEach(el => {
      el.style.maxHeight = 'none';
      el.style.overflow = 'visible';
    });
    item.querySelectorAll('.salla-menu, .salla-user-menu, .salla-social').forEach(menu => {
      menu.style.display = '';
      menu.style.maxHeight = 'none';
      menu.style.overflow = 'visible';
      menu.style.opacity = '1';
    });
  });

  // تحسين قسم الاتصال
  const contactItems = footer.querySelectorAll('.footer-item:has(.contact-info), .footer-item:has([class*="contact"])');
  contactItems.forEach(item => {
    const phoneLink = item.querySelector('a[href*="tel"]');
    let phone = phoneLink ? phoneLink.textContent.trim() : '+966 57 595 0304';
    let href = phoneLink ? phoneLink.getAttribute('href') : 'tel:+966575950304';
    let wrapper = item.querySelector('.contact-info') || document.createElement('div');
    if (!item.querySelector('.contact-info')) {
      wrapper.className = 'contact-info';
      const children = Array.from(item.children);
      children.forEach(c => wrapper.appendChild(c));
      item.appendChild(wrapper);
    }
    if (!wrapper.querySelector('.contact-number')) {
      const icon = wrapper.querySelector('svg, i, img');
      wrapper.innerHTML = `
        <span class="contact-icon">${icon ? icon.outerHTML : '📱'}</span>
        <div class="contact-label">اتصل بنا</div>
        <div class="contact-number"><a href="${href}">${phone}</a></div>
        <div class="contact-sub">متاح لخدمتكم</div>
      `;
    }
  });

  // تحسين السوشيال
  footer.querySelectorAll('.salla-social').forEach(c => {
    c.querySelectorAll('a').forEach(link => {
      if (!link.querySelector('svg, i, img')) {
        const t = link.textContent.trim();
        link.innerHTML = `<span style="font-size:20px;display:inline-block;">${t || '✦'}</span>`;
      }
    });
  });

  // إضافة accessibility
  footer.setAttribute('role', 'contentinfo');
  ['الشعار والوصف', 'روابط المتجر', 'معلومات الاتصال', 'وسائل التواصل الاجتماعي'].forEach((label, i) => {
    const sec = footer.querySelectorAll('.footer-item')[i];
    if (sec) sec.setAttribute('aria-label', label);
  });
});