let link = document.createElement("link");
link.href = "https://fonts.googleapis.com/css2?family=Cairo:wght@400;700&display=swap";
link.rel = "stylesheet";
document.head.appendChild(link);


let style = document.createElement("style");
style.innerHTML = `
  * {
    font-family: 'Cairo', sans-serif !important;
  }
`;
document.head.appendChild(style);

document.addEventListener('DOMContentLoaded', function() {
  // استهداف الـ slider باستخدام الـ ID الجديد
  const sliderWrapper = document.getElementById('best-offers-2-slider');
  console.log("sliderWrapper: ", sliderWrapper); // تحقق من وجود الـ slider

  if (sliderWrapper) {
    // جعل الـ slider مخفي عند تحميل الصفحة
    sliderWrapper.style.opacity = '0';
    sliderWrapper.style.transform = 'translateX(100%)'; // أو يمكنك استخدام translateX(-100%) حسب الاتجاه

    // دالة للتحقق إذا كان الـ slider في الـ viewport
    function checkSliderInView() {
      const sliderPosition = sliderWrapper.getBoundingClientRect();
      console.log("sliderPosition: ", sliderPosition); // تحقق من موقع الـ slider

      // إذا كان الـ slider داخل الـ viewport، نقوم بجعل الـ slider يظهر تدريجيًا
      if (sliderPosition.top < window.innerHeight && sliderPosition.bottom > 0) {
        sliderWrapper.style.transition = 'transform 1s ease-in-out, opacity 1s ease-in-out';
        sliderWrapper.style.transform = 'translateX(0)';
        sliderWrapper.style.opacity = '1'; // جعل الـ slider مرئي
      }
    }

    // إضافة حدث التمرير للصفحة
    window.addEventListener('scroll', checkSliderInView);

    // التحقق عند تحميل الصفحة
    checkSliderInView();
  } else {
    console.log("الـ slider غير موجود.");
  }
});


window.addEventListener('load', function () {
  const navbar = document.querySelector('#mainnav');
  const footer = document.querySelector('.store-footer');

  if (navbar && footer) {
    footer.addEventListener('click', function () {
      navbar.style.opacity = '0';
      navbar.style.visibility = 'hidden';
      navbar.style.transition = 'opacity 0.3s ease, visibility 0.3s ease';
    });
  } else {
    console.error('العناصر #mainnav أو .store-footer غير موجودة في الصفحة!');
  }
});


const copyrightText = document.querySelector('.copyright-text');

copyrightText.innerHTML=
`<p class="font-bold">تم التصميم بواسطه | 
    <a href="https://meggaagency.com/" target="_blank" rel="noreferrer">Mega</a>
</p>`