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

    // منع التكرار
    if (socialList.querySelector('.s-social-link a[href="https://www.linkedin.com/company/linkupksa/"]')) return;

    const li = document.createElement("li");
    li.className = "s-social-link linkedin-custom-icon";

    li.innerHTML = `
      <a href="https://www.linkedin.com/company/linkupksa/"
         rel="noopener"
         target="_blank"
         title="linkedin"
         aria-label="linkedin">
        <span class="s-social-icon">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" aria-hidden="true">
            <path fill="currentColor" d="M100.28 448H7.4V148.9h92.88zM53.79 108.1C24.09 108.1 0 83.5 0 53.8A53.79 53.79 0 0 1 53.79 0c29.7 0 53.8 24.1 53.8 53.8 0 29.7-24.1 54.3-53.8 54.3zM447.9 448h-92.68V302.4c0-34.7-.7-79.2-48.29-79.2-48.3 0-55.7 37.7-55.7 76.7V448h-92.78V148.9h89.08v40.8h1.3c12.4-23.5 42.69-48.3 87.88-48.3 94 0 111.28 61.9 111.28 142.3V448z"/>
          </svg>
        </span>
      </a>
    `;

    const instagramItem = socialList.querySelector('a[aria-label="instagram"]')?.closest(".s-social-link");

    if (instagramItem) {
      instagramItem.insertAdjacentElement("afterend", li);
    } else {
      socialList.appendChild(li);
    }
  }

  function applyLinkedInStyle() {
    if (document.getElementById("linkedin-custom-style")) return;

    const style = document.createElement("style");
    style.id = "linkedin-custom-style";
    style.textContent = `
      .footer-social-outer .linkedin-custom-icon .s-social-icon svg {
        width: 18px !important;
        height: 18px !important;
        display: block;
      }
    `;
    document.head.appendChild(style);
  }

  function init() {
    addLinkedInIcon();
    applyLinkedInStyle();
  }

  init();

  const observer = new MutationObserver(function () {
    if (document.querySelector(".footer-social-outer .s-social-list")) {
      init();
    }
  });

  observer.observe(document.body, {
    childList: true,
    subtree: true
  });
});