(function () { var FORCE_BG = '#e20f03'; var FORCE_TEXT = '#ffffff'; var SPEED_DESKTOP = '65s'; var SPEED_MOBILE = '70s'; var css = ` #salla-promo-bar { width: 100% !important; background: ${FORCE_BG} !important; color: ${FORCE_TEXT} !important; position: relative !important; z-index: 999999 !important; display: block !important; direction: ltr !important; padding-right: 40px !important; } #salla-promo-bar .track-wrapper { overflow: hidden !important; width: 100% !important; padding: 9px 0 !important; } #salla-promo-bar .track { display: flex !important; flex-direction: row !important; direction: ltr !important; will-change: transform !important; width: max-content !important; } #salla-promo-bar .track:hover { animation-play-state: paused !important; } #salla-promo-bar .copy { display: flex !important; flex-direction: row !important; flex-shrink: 0 !important; align-items: center !important; direction: ltr !important; } #salla-promo-bar .ad-item { white-space: nowrap !important; padding: 0 40px !important; font-size: 13px !important; font-weight: 600 !important; color: ${FORCE_TEXT} !important; text-decoration: none !important; display: inline-flex !important; align-items: center !important; gap: 6px !important; direction: rtl !important; } #salla-promo-bar .ad-item i { font-size: 15px !important; } #salla-promo-close { position: absolute !important; top: 50% !important; right: 10px !important; transform: translateY(-50%) !important; background: transparent !important; border: none !important; color: ${FORCE_TEXT} !important; font-size: 16px !important; cursor: pointer !important; line-height: 1 !important; padding: 4px 8px !important; opacity: 0.8 !important; z-index: 9999999 !important; pointer-events: all !important; position: absolute !important; } #salla-promo-close:hover { opacity: 1 !important; } #salla-promo-bar .track-wrapper { pointer-events: none !important; } #salla-promo-bar .ad-item { pointer-events: all !important; } `; var styleEl = document.createElement('style'); styleEl.textContent = css; document.head.appendChild(styleEl); function startMarquee() { var track = document.querySelector('#salla-promo-bar .track'); var copy1 = document.querySelector('#salla-promo-bar .copy1'); if (!track || !copy1) return; var isMobile = window.innerWidth <= 768; var duration = isMobile ? parseFloat(SPEED_MOBILE) : parseFloat(SPEED_DESKTOP); var copyWidth = copy1.offsetWidth; var oldStyle = document.getElementById('salla-marquee-dynamic'); if (oldStyle) oldStyle.remove(); var dynStyle = document.createElement('style'); dynStyle.id = 'salla-marquee-dynamic'; dynStyle.textContent = ` @keyframes salla-marquee-dynamic { from { transform: translateX(0px); } to { transform: translateX(-${copyWidth}px); } } `; document.head.appendChild(dynStyle); track.style.animation = 'none'; setTimeout(function() { track.style.animation = 'salla-marquee-dynamic ' + duration + 's linear infinite'; }, 10); } function buildBar(ads) { if (!ads || !ads.length) return; var itemsHTML = ads.map(function(ad) { var icon = ''; var text = (ad.description || ad.title || ''); if (ad.url && ad.url !== '#') { return '' + icon + text + ''; } else { return '' + icon + text + ''; } }).join(''); var repeat = itemsHTML.repeat(6); var bar = document.createElement('div'); bar.id = 'salla-promo-bar'; bar.innerHTML = '
' + '
' + '
' + repeat + '
' + '
' + repeat + '
' + '
' + '
' + ''; function insertBar() { if (document.getElementById('salla-promo-bar')) return; var target = document.querySelector('header') || document.querySelector('#header') || document.querySelector('.header') || document.body.firstElementChild; if (target) target.parentNode.insertBefore(bar, target); else document.body.prepend(bar); var closeBtn = document.getElementById('salla-promo-close'); closeBtn.onclick = function(e) { e.stopPropagation(); var b = document.getElementById('salla-promo-bar'); if (b) b.parentNode.removeChild(b); return false; }; setTimeout(startMarquee, 100); } if (document.readyState === 'loading') { document.addEventListener('DOMContentLoaded', insertBar); } else { insertBar(); } window.addEventListener('resize', function() { setTimeout(startMarquee, 100); }); } function init() { salla.api.advertisement.fetch().then(function(r) { buildBar(r && r.data ? r.data : []); }).catch(function() {}); } if (typeof salla !== 'undefined' && salla.api && salla.api.advertisement) { init(); } else { salla.onReady(init); } })();