document.addEventListener("DOMContentLoaded", function () {
  const footerTitle = document.querySelector('#app > div.app-inner.flex.flex-col.min-h-full > footer > div.sahm-store-footer__inner.store-footer__inner.border-gray-100 > div > div > div > h3');

  if (footerTitle) {
    footerTitle.textContent = "حسابات فوا";
  }
});


document.addEventListener("DOMContentLoaded", function () {

  const descWrapper = document.querySelector(".product__description");
  const desc = document.querySelector(".product__description article");
  const target = document.querySelector(".product-single #main-content .container > .flex.flex-col.items-start.md\\:flex-row");

  if (!descWrapper || !desc || !target) return;

  const maxHeight = 65;

  if (!document.querySelector(".show-more-description")) {

    if (descWrapper.scrollHeight > maxHeight) {

      descWrapper.style.maxHeight = maxHeight + "px";
      descWrapper.style.overflow = "hidden";

      const btn = document.createElement("button");
      btn.innerText = "عرض تفاصيل أكثر";
      btn.className = "show-more-description";

      descWrapper.after(btn);

      let fullDesc = document.querySelector(".product-full-description");

      if (!fullDesc) {

        fullDesc = document.createElement("section");
        fullDesc.className = "product-full-description";

        fullDesc.innerHTML = `
          <h2 class="full-desc-title">وصف المنتج</h2>
          <div class="full-desc-body">
            ${desc.innerHTML}
          </div>
        `;

        target.after(fullDesc);
      }

      btn.addEventListener("click", function () {
        const title = fullDesc.querySelector(".full-desc-title");

        if (title) {
          const y = title.getBoundingClientRect().top + window.pageYOffset - 150; 
          window.scrollTo({
            top: y,
            behavior: "smooth"
          });
        }
      });

    }

  }

});


(function () {
  function addWhatsapp() {
    const socialList = document.querySelector(
      '#app > div.app-inner.flex.flex-col.min-h-full > footer > div.sahm-store-footer__inner.store-footer__inner.border-gray-100 > div > div > div > salla-social > ul'
    );

    if (!socialList) return false;

    if (socialList.querySelector('.whatsapp-item')) return true;

    const li = document.createElement('li');
    li.className = 's-social-link whatsapp-item';

    li.innerHTML = `
      <a href="https://wa.me/+966508228960" target="_blank" title="whatsapp" aria-label="whatsapp">
        <span class="s-social-icon">
          <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
            <path d="M27.281 4.65c-2.994-3-6.975-4.65-11.219-4.65-8.738 0-15.85 7.112-15.85 15.856 0 2.794 0.731 5.525 2.119 7.925l-2.25 8.219 8.406-2.206c2.319 1.262 4.925 1.931 7.575 1.931h0.006c0 0 0 0 0 0 8.738 0 15.856-7.113 15.856-15.856 0-4.238-1.65-8.219-4.644-11.219zM16.069 29.050v0c-2.369 0-4.688-0.637-6.713-1.837l-0.481-0.288-4.987 1.306 1.331-4.863-0.313-0.5c-1.325-2.094-2.019-4.519-2.019-7.012 0-7.269 5.912-13.181 13.188-13.181 3.519 0 6.831 1.375 9.319 3.862 2.488 2.494 3.856 5.8 3.856 9.325-0.006 7.275-5.919 13.188-13.181 13.188zM23.294 19.175c-0.394-0.2-2.344-1.156-2.706-1.288s-0.625-0.2-0.894 0.2c-0.262 0.394-1.025 1.288-1.256 1.556-0.231 0.262-0.462 0.3-0.856 0.1s-1.675-0.619-3.188-1.969c-1.175-1.050-1.975-2.35-2.206-2.744s-0.025-0.613 0.175-0.806c0.181-0.175 0.394-0.463 0.594-0.694s0.262-0.394 0.394-0.662c0.131-0.262 0.069-0.494-0.031-0.694s-0.894-2.15-1.219-2.944c-0.319-0.775-0.65-0.669-0.894-0.681-0.231-0.012-0.494-0.012-0.756-0.012s-0.694 0.1-1.056 0.494c-0.363 0.394-1.387 1.356-1.387 3.306s1.419 3.831 1.619 4.1c0.2 0.262 2.794 4.269 6.769 5.981 0.944 0.406 1.681 0.65 2.256 0.837 0.95 0.3 1.813 0.256 2.494 0.156 0.762-0.113 2.344-0.956 2.675-1.881s0.331-1.719 0.231-1.881c-0.094-0.175-0.356-0.275-0.756-0.475z"></path>
          </svg>
        </span>
      </a>
    `;

    socialList.appendChild(li);
    return true;
  }

  if (addWhatsapp()) return;

  const observer = new MutationObserver(() => {
    if (addWhatsapp()) {
      observer.disconnect();
    }
  });

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