document.addEventListener("DOMContentLoaded", () => {
  // استهداف أول بانر في المتجر
  const banner = document.querySelector(".banners .banner-1");
  if (!banner || banner.querySelector(".banner-overlay")) return;

  // إنشاء الأوفرلاي والزر
  const overlay = document.createElement("div");
  overlay.className = "banner-overlay";
  overlay.innerHTML = `
    <a href="https://deltapower.com.sa/ar/offers" class="cta-btn">تسوق الآن</a>
  `;

  // تنسيق الأوفرلاي
  overlay.style.position = "absolute";
  overlay.style.top = "0";
  overlay.style.left = "0";
  overlay.style.width = "100%";
  overlay.style.height = "100%";
  overlay.style.display = "flex";
  overlay.style.alignItems = "center";
  overlay.style.justifyContent = "center";
  overlay.style.background = "transparent";
  overlay.style.zIndex = "5";

  // تنسيق الزر - تأثير الزجاج
  const btn = overlay.querySelector(".cta-btn");
  btn.style.background = "rgba(255, 255, 255, 0.2)"; // خلفية شبه شفافة
  btn.style.color = "#000"; // نص غامق
  btn.style.padding = "18px 50px";
  btn.style.border = "1px solid rgba(255, 255, 255, 0.4)"; // إطار خفيف شفاف
  btn.style.borderRadius = "0"; // حواف حادة
  btn.style.fontSize = "22px";
  btn.style.textDecoration = "none";
  btn.style.fontWeight = "bold";
  btn.style.transition = "0.3s";
  btn.style.cursor = "pointer";
  btn.style.backdropFilter = "blur(10px)"; // ← تأثير الزجاج
  btn.style.webkitBackdropFilter = "blur(10px)";
  btn.style.boxShadow = "0 4px 15px rgba(0, 0, 0, 0.1)"; // ظل خفيف

  // تأثيرات الهوفر
  btn.addEventListener("mouseover", () => {
    btn.style.background = "rgba(109, 212, 28, 0.6)"; // أخضر شفاف عند الهوفر
    btn.style.color = "#fff";
  });
  btn.addEventListener("mouseout", () => {
    btn.style.background = "rgba(255, 255, 255, 0.2)";
    btn.style.color = "#000";
  });

  // تأكيد أن البانر نسبي لتراكب الزر
  banner.style.position = "relative";
  banner.appendChild(overlay);
});









document.addEventListener("DOMContentLoaded", function() {
  const style = document.createElement("style");
  style.innerHTML = `
    .btn--primary {
      background-color: #458100 !important;
      color: #fff !important;
    }
  `;
  document.head.appendChild(style);
});





document.addEventListener("DOMContentLoaded", () => {
  const isMobile = window.innerWidth <= 767;
  const currentURL = window.location.pathname;

  // ✅ يظهر فقط في الصفحة الرئيسية
  if (currentURL !== "/" && currentURL !== "/ar/" && currentURL !== "/ar") return;

  // ✅ لو موبايل فقط
  if (isMobile) {
    // 🔹 إخفاء بانر الديسكتوب الأصلي
    const desktopBanner = document.querySelector('.banner.banner-1 img[src*="goYUkIhxhXvXrZcEmRFXDWTfcEGILaoPNIbVrPg5.png"]')?.closest('.banner.banner-1');
    if (desktopBanner) desktopBanner.style.display = "none";

    // 🔹 حذف أي أوفرلاي تابع للديسكتوب فقط
    document.querySelectorAll(".banner-overlay").forEach((el) => {
      if (!el.closest(".banner-mobile")) el.remove();
    });

    // 🔹 إنشاء بانر الموبايل
    const mobileBanner = document.createElement("div");
    mobileBanner.className = "banner-mobile";
    Object.assign(mobileBanner.style, {
      position: "relative",
      overflow: "hidden",
      width: "100%",
      margin: "0 auto",
    });

    mobileBanner.innerHTML = `
      <img 
        src="https://cdn.salla.sa/AzNlzy/gNXuGx0wK1feLejBX55eIjdxr3095lEtDEffYcAF.png"
        alt="عرض خاص"
        style="width:100%; height:auto; display:block; border-radius:0;"
      >
    `;

    // 🔹 الزر
    const overlay = document.createElement("div");
    overlay.className = "banner-overlay";
    overlay.innerHTML = `<button class="cta-btn">تسوق الآن</button>`;

    Object.assign(overlay.style, {
      position: "absolute",
      top: "0",
      left: "0",
      width: "100%",
      height: "100%",
      display: "flex",
      alignItems: "center",
      justifyContent: "center",
      background: "transparent",
      zIndex: "5",
    });

    const btn = overlay.querySelector(".cta-btn");
    Object.assign(btn.style, {
      background: "rgba(255, 255, 255, 0.25)",
      color: "#000",
      padding: "16px 45px",
      border: "1px solid rgba(255, 255, 255, 0.5)",
      borderRadius: "0",
      fontSize: "20px",
      fontWeight: "bold",
      transition: "0.3s",
      cursor: "pointer",
      backdropFilter: "blur(10px)",
      WebkitBackdropFilter: "blur(10px)",
      boxShadow: "0 3px 10px rgba(0, 0, 0, 0.15)",
    });

    // تأثير hover
    btn.addEventListener("mouseover", () => {
      btn.style.background = "rgba(109, 212, 28, 0.6)";
      btn.style.color = "#fff";
    });
    btn.addEventListener("mouseout", () => {
      btn.style.background = "rgba(255, 255, 255, 0.25)";
      btn.style.color = "#000";
    });

    // عند الضغط ينتقل للماركات
    btn.addEventListener("click", (e) => {
      e.preventDefault();
      window.location.href = "https://deltapower.com.sa/ar/brands";
    });

    // إضافة الأوفرلاي للبنر
    mobileBanner.appendChild(overlay);

    // إدراج البنر في أعلى البانرات
    const bannersContainer = document.querySelector(".banners") || document.body;
    bannersContainer.prepend(mobileBanner);
  }
});


document.addEventListener("DOMContentLoaded", () => {
  // تحديد إذا كان المستخدم على موبايل
  const isMobile = window.innerWidth <= 767;

  if (isMobile) {
    // البحث عن الصورة التي تحتوي على اسم ملف البنر المحدد
    const mobileHiddenBanners = document.querySelectorAll(
      'img[src*="DeBDohOIbx3eadurHp7LdGRP6S5nhpdni8KZpCMv.png"]'
    );

    mobileHiddenBanners.forEach((img) => {
      // الحصول على أقرب بانر أو رابط رئيسي للصورة
      const banner = img.closest(".banner") || img;
      banner.style.display = "none";
      banner.style.visibility = "hidden";
    });
  }
});









//  تحكم في شاشة التحميل (parent-loader) — تظهر فقط في الصفحة الرئيسية
document.addEventListener("DOMContentLoaded", function() {
  const loader = document.getElementById("parent-loader");
  if (!loader) return;

  // تحديد الصفحة الرئيسية
  const path = window.location.pathname.replace(/\/+$/, "");
  const isHomePage = path === "" || path === "/" || path === "/home" || path === "/store" || path === "/index.html";

  if (isHomePage) {
    // في الصفحة الرئيسية: نعرضها ثم نخفيها بسرعة بعد نصف ثانية
    loader.style.display = "flex";
    setTimeout(() => {
      loader.style.transition = "opacity 0.3s ease-out";
      loader.style.opacity = "0";
      setTimeout(() => (loader.style.display = "none"), 300);
    }, 500);
  } else {
    // في الصفحات الأخرى: نخفيها فورًا
    loader.style.display = "none";
    loader.style.opacity = "0";
    loader.style.visibility = "hidden";
  }
});