/* Add custom Js styles below */ 
document.addEventListener("DOMContentLoaded", function () {

  if (!localStorage.getItem("popupClosed")) {

    setTimeout(function () {

      var popup = document.createElement("div");
      popup.innerHTML = `
        <div style="position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.6);z-index:9999;">
          <div style="background:#fff;max-width:400px;margin:100px auto;padding:25px;border-radius:12px;text-align:center;position:relative;">
            
            <span id="closePopup" style="position:absolute;top:10px;left:15px;cursor:pointer;font-size:20px;">×</span>

            <p style="line-height:1.8;">
              عميلنا الغالي ممتنين لاختيارك متجر خدمة وعسى الله يتقبل منك صالح الأعمال،<br><br>
              ليصلك مقطع توثيق التوزيع اول باول<br><br>
              ماتنسى ترسل لنا رسالة بعد إتمام الطلب على واتساب
            </p>

            <a href="https://wa.me/966558767151" target="_blank"
               style="display:inline-block;margin-top:15px;padding:10px 20px;background:#25D366;color:#fff;border-radius:8px;text-decoration:none;font-weight:bold;">
               تواصل واتساب
            </a>

          </div>
        </div>
      `;

      document.body.appendChild(popup);

      document.getElementById("closePopup").onclick = function () {
        popup.remove();
        localStorage.setItem("popupClosed", "true");
      };

    }, 4000);
  }

});