document.addEventListener("DOMContentLoaded", function () {
  const socialList = document.querySelector(".s-social-list");
  if (!socialList) return;

  const contacts = [
    {
      href: "https://wa.me/966579304877",
      label: "whatsapp",
      iconClass: "sicon-whatsapp2"
    },
    {
      href: "tel:+966579304877",
      label: "phone",
      iconClass: "sicon-phone"
    },
    {
      href: "mailto:info@binhares.com",
      label: "email",
      iconClass: "sicon-mail"
    }
  ];

  contacts.forEach(item => {
    const li = document.createElement("li");
    li.className = "s-social-link";

    li.innerHTML = `
      <a href="${item.href}" target="_blank" aria-label="${item.label}">
        <span class="s-social-icon">
          <i class="${item.iconClass}"></i>
        </span>
      </a>
    `;

    socialList.prepend(li); // يحافظ على الترتيب (واتساب أولاً)
  });

  // إخفاء البلوك القديم
  const oldContacts = document.querySelector("selia-contacts");
  if (oldContacts) oldContacts.style.display = "none";
});