(function () {

  function ready(fn) {
    if (document.readyState !== 'loading') {
      fn();
    } else {
      document.addEventListener('DOMContentLoaded', fn);
    }
  }

  ready(function () {

    // ===== التحكم بالظهور (كل 24 ساعة) =====
    var now = new Date().getTime();
    var lastShown = localStorage.getItem("luxPopupTime");

    if (lastShown && (now - lastShown < 86400000)) return;

    // ===== إنشاء العناصر =====
    var popup = document.createElement("div");
    popup.id = "luxPopup";

    popup.innerHTML = `
      <div class="luxOverlay"></div>
      <div class="luxBox">
        <span class="luxClose">&times;</span>
        <h2>قطعة نادرة لا تتكرر 💎</h2>
        <p>امتلك الآن تحفة من العقيق الطبيعي قبل نفادها</p>
        <a href="/collections/all" class="luxBtn">تسوق الآن</a>
      </div>
    `;

    document.body.appendChild(popup);

    // ===== CSS =====
    var css = `
      #luxPopup {
        position: fixed;
        top:0; left:0;
        width:100%; height:100%;
        display:none;
        z-index:999999;
      }

      .luxOverlay {
        position:absolute;
        width:100%; height:100%;
        background:rgba(0,0,0,0.85);
        backdrop-filter: blur(6px);
      }

      .luxBox {
        position:relative;
        max-width:380px;
        margin:20% auto;
        background:linear-gradient(145deg,#0c0c0c,#1a1a1a);
        color:#fff;
        padding:30px;
        border-radius:18px;
        text-align:center;
        box-shadow:0 30px 80px rgba(0,0,0,0.9);
        transform:scale(0.85);
        opacity:0;
        transition:0.4s ease;
      }

      #luxPopup.show {
        display:block;
      }

      #luxPopup.show .luxBox {
        transform:scale(1);
        opacity:1;
      }

      .luxBox h2 {
        color:#d4af37;
        font-size:22px;
        margin-bottom:10px;
      }

      .luxBox p {
        color:#bbb;
        font-size:14px;
        margin-bottom:20px;
      }

      .luxBtn {
        display:inline-block;
        padding:10px 25px;
        background:linear-gradient(135deg,#d4af37,#b8962e);
        color:#000;
        border-radius:25px;
        text-decoration:none;
        font-weight:bold;
      }

      .luxClose {
        position:absolute;
        top:10px;
        right:15px;
        font-size:20px;
        color:#aaa;
        cursor:pointer;
      }

      @media(max-width:480px){
        .luxBox {
          margin:35% 15px;
          padding:25px;
        }
      }
    `;

    var style = document.createElement("style");
    style.innerHTML = css;
    document.head.appendChild(style);

    // ===== عرض النافذة =====
    setTimeout(function () {
      popup.classList.add("show");
      localStorage.setItem("luxPopupTime", now);
    }, 3000);

    // ===== إغلاق =====
    popup.addEventListener("click", function (e) {
      if (
        e.target.classList.contains("luxOverlay") ||
        e.target.classList.contains("luxClose")
      ) {
        popup.remove();
      }
    });

  });

})();