/* مخفي افتراضياً */
#peta-mobile-app-banner {
display: none;
}
/* يظهر على الموبايل فقط */
@media (max-width: 768px) {
#peta-mobile-app-banner {
position: fixed;
top: 0;
left: 0;
width: 100%;
min-height: 64px;
background: #ffffff;
box-shadow: 0 3px 15px rgba(0,0,0,0.15);
z-index: 999999;
box-sizing: border-box;
padding: 8px 42px 8px 12px;
}
#peta-mobile-app-link {
width: 100%;
display: flex;
align-items: center;
gap: 10px;
text-decoration: none;
color: #111;
box-sizing: border-box;
}
.peta-app-icon {
width: 42px;
height: 42px;
min-width: 42px;
border-radius: 10px;
background: #111;
color: #fff;
display: flex;
align-items: center;
justify-content: center;
font-size: 22px;
font-weight: bold;
}
.peta-app-content {
flex: 1;
display: flex;
flex-direction: column;
line-height: 1.2;
}
.peta-app-content strong {
font-family: Arial, sans-serif;
font-size: 15px;
font-weight: 700;
margin-bottom: 3px;
}
.peta-app-content small {
font-family: Arial, sans-serif;
font-size: 11px;
color: #666;
}
.peta-download-btn {
padding: 9px 13px;
border-radius: 8px;
background: #111;
color: #fff;
font-family: Arial, sans-serif;
font-size: 12px;
font-weight: 700;
white-space: nowrap;
}
#peta-banner-close {
position: absolute;
top: 50%;
right: 8px;
transform: translateY(-50%);
border: 0;
background: transparent;
color: #777;
font-size: 24px;
line-height: 1;
cursor: pointer;
padding: 5px;
}
/* منع البانر من تغطية أول جزء من الموقع */
body.peta-app-banner-active {
padding-top: 64px !important;
}
}
document.addEventListener("DOMContentLoaded", function () {
const banner = document.getElementById("peta-mobile-app-banner");
const appLink = document.getElementById("peta-mobile-app-link");
const appText = document.getElementById("peta-app-text");
const appIcon = document.getElementById("peta-app-icon");
const closeButton = document.getElementById("peta-banner-close");
const userAgent =
navigator.userAgent ||
navigator.vendor ||
window.opera;
const isIOS =
/iPad|iPhone|iPod/.test(userAgent) ||
(
navigator.platform === "MacIntel" &&
navigator.maxTouchPoints > 1
);
const isAndroid =
/android/i.test(userAgent);
/* iPhone / iPad */
if (isIOS) {
appLink.href =
"https://apps.apple.com/us/app/peta-store/id6742105014";
appText.textContent =
"Download on the App Store";
appIcon.innerHTML = "";
banner.style.display = "block";
document.body.classList.add("peta-app-banner-active");
}
/* Android */
else if (isAndroid) {
appLink.href =
"https://play.google.com/store/apps/details?id=com.petastore.app";
appText.textContent =
"Get it on Google Play";
appIcon.innerHTML = "▶";
banner.style.display = "block";
document.body.classList.add("peta-app-banner-active");
}
/* الكمبيوتر */
else {
banner.style.display = "none";
}
/* زر الإغلاق */
closeButton.addEventListener("click", function () {
banner.style.display = "none";
document.body.classList.remove(
"peta-app-banner-active"
);
});
});
