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

if (window.location.pathname !== "/" && window.location.pathname !== "/ar") return;

var lastShown = localStorage.getItem("deliveryPopupTime");
var now = new Date().getTime();
var oneHour = 60 * 60 * 1000;

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

setTimeout(function(){

var popup = document.createElement("div");

popup.innerHTML = `

<link href="https://fonts.googleapis.com/css2?family=Cairo:wght@400;600&family=Playfair+Display:wght@600;700&display=swap" rel="stylesheet">

<style>

#delivery-popup{
position:fixed;
top:0;
left:0;
width:100%;
height:100%;
background:rgba(0,0,0,0.45);
backdrop-filter:blur(6px);
display:flex;
align-items:center;
justify-content:center;
z-index:9999;
animation:fadeOverlay .6s ease;
}

#popup-box{
background:#ffffff;
padding:55px 50px;
max-width:440px;
width:90%;
text-align:center;
box-shadow:0 50px 120px rgba(0,0,0,0.30);
animation:popupEnter .8s cubic-bezier(.19,1,.22,1);
}

#popup-title{
font-family:'Playfair Display',serif;
font-size:32px;
font-weight:700;
color:#111;
line-height:1.6;
margin-bottom:20px;
letter-spacing:.4px;
}

#gold-line{
width:70px;
height:2px;
background:linear-gradient(90deg,#c6a25a,#e5c27a);
margin:0 auto 26px auto;
}

#popup-text{
font-family:'Cairo',sans-serif;
font-size:16px;
color:#555;
line-height:2.3;
}

#popup-text b{
color:#000;
font-weight:700;
}

@keyframes fadeOverlay{
from{opacity:0}
to{opacity:1}
}

@keyframes popupEnter{
from{
opacity:0;
transform:translateY(-50px) scale(.94);
}
to{
opacity:1;
transform:translateY(0) scale(1);
}
}

</style>

<div id="delivery-popup">

<div id="popup-box">

<div id="popup-title">
اطلب الآن لضمان وصول طلبك قبل العيد
</div>

<div id="gold-line"></div>

<div id="popup-text">
داخل الرياض: آخر يوم للتوصيل <b>28 رمضان</b><br>
خارج الرياض: آخر يوم للتوصيل <b>25 رمضان</b>
</div>

</div>

</div>
`;

document.body.appendChild(popup);

localStorage.setItem("deliveryPopupTime", new Date().getTime());

var overlay = document.getElementById("delivery-popup");
var box = document.getElementById("popup-box");

overlay.addEventListener("click",function(e){
if(!box.contains(e.target)){
overlay.remove();
}
});

},2000);

});