/* ==== Top Promo Bar for Salla Raed - JS Only (v3) ==== */
(function () {
try {
var KEY = 'bs_topbar_dismissed_v3';
if (localStorage.getItem(KEY) === '1') return;
if (document.getElementById('bs-topbar')) return;
// 1) أضف CSS إلى
var style = document.createElement('style');
style.textContent = `
#bs-topbar{
position:fixed; top:0; inset-inline:0; z-index:9999;
padding:.55rem .75rem;
background:#f3efec; /* خلفية رمادي فاتح - هوية المتجر */
color:#3b2e2a; /* بني داكن - هوية المتجر */
font-size:14px; line-height:1.6;
direction:rtl; text-align:center;
border-bottom:1px solid rgba(0,0,0,.06);
}
#bs-topbar b{ font-weight:700 }
#bs-topbar .close{
position:absolute; inset-inline-end:.5rem; top:50%;
transform:translateY(-50%);
background:transparent; border:0; cursor:pointer;
color:#3b2e2a; font-size:18px; line-height:1;
}
@media (max-width:480px){ #bs-topbar{ font-size:13px } }
`;
document.head.appendChild(style);
// 2) أنشئ عنصر الشريط وأضفه لبداية
var bar = document.createElement('div');
bar.id = 'bs-topbar';
bar.setAttribute('role', 'region');
bar.setAttribute('aria-label', 'شريط تنبيه');
bar.innerHTML = ''
+ 'شحن مجاني للطلبات فوق 299 ريال';
document.addEventListener('DOMContentLoaded', function () {
document.body.prepend(bar);
// 3) ادفع الصفحة للأسفل حتى لا يغطي الهيدر/المحتوى
var h = bar.getBoundingClientRect().height || 40;
document.documentElement.style.scrollPaddingTop = h + 'px';
var hdr = document.querySelector('[data-header-fixed], header.s-header, .header, .site-header');
if (hdr && getComputedStyle(hdr).position === 'fixed') {
hdr.style.marginTop = h + 'px';
} else {
document.body.style.marginTop = h + 'px';
}
// 4) إغلاق مع تذكّر الإجراء
bar.querySelector('.close').addEventListener('click', function () {
localStorage.setItem(KEY, '1');
bar.remove();
document.documentElement.style.scrollPaddingTop = null;
if (hdr && getComputedStyle(hdr).position === 'fixed') {
hdr.style.marginTop = null;
} else {
document.body.style.marginTop = null;
}
});
});
} catch (e) { /* صامت */ }
})();
}