(function() {
    // 1. حقن التنسيقات (CSS) مباشرة في الرأس
    const style = document.createElement('style');
    style.textContent = `
        .salla-infinite-marquee-wrapper {
            overflow: hidden;
            white-space: nowrap;
            background-color: rgb(222, 112, 131) !important;
            color: rgb(255, 255, 255) !important;
            padding: 12px 0;
            position: relative;
            width: 100% !important;
            box-sizing: border-box;
            display: flex !important;
            z-index: 99999; /* لضمان ظهوره فوق المكونات الأخرى */
            direction: ltr; /* لضبط الحسابات الرياضية للحركة */
        }

        .salla-infinite-marquee-track {
            display: flex;
            gap: 60px;
            padding-right: 60px;
            animation: sallaMarqueeLinear 30s linear infinite;
            will-change: transform;
        }

        .salla-marquee-item {
            display: flex;
            align-items: center;
            gap: 10px;
            font-size: 16px;
            font-family: cairo;
            direction: rtl; /* لعرض النص العربي بشكل صحيح داخل العنصر */
        }

        .salla-marquee-item a {
            color: #ffffff !important;
            text-decoration: none !important;
            font-weight: bold;
        }

        /* حركة إنفينيتي انسيابية جهة اليمين المتوافقة مع القراءة العربية */
        @keyframes sallaMarqueeLinear {
            0% {
                transform: translate3d(-50%, 0, 0);
            }
            100% {
                transform: translate3d(0, 0, 0);
            }
        }

        /* إيقاف مؤقت عند تمرير الماوس */
        .salla-infinite-marquee-wrapper:hover .salla-infinite-marquee-track {
            animation-play-state: paused;
        }
    `;
    document.head.appendChild(style);

    // 2. إنشاء عناصر الشريط
    const marqueeWrapper = document.createElement('div');
    marqueeWrapper.className = 'salla-infinite-marquee-wrapper';

    const marqueeTrack = document.createElement('div');
    marqueeTrack.className = 'salla-infinite-marquee-track';

    // نص الإعلان الخاص بك
    const rawContent = `
        <div class="salla-marquee-item">
            <span>🌸</span>
            <a href="https://royasignature.com/ar/category/REWznz" target="_self">عرض الافتتاح لفترة محدودة علي باقات التخرج</a>
            <span>🌸</span>
        </div>
    `;

    // تكرار الإعلان لملء الشريط بالكامل وتفادي الفراغات
    marqueeTrack.innerHTML = rawContent.repeat(8);
    marqueeWrapper.appendChild(marqueeTrack);

    // 3. دالة الحقن الذكي: تحاول إدخال الشريط في أعلى الصفحة بمجرد توفر الـ body
    function injectMarquee() {
        const target = document.body;
        // نتحقق من وجود الـ body وأن الشريط لم يتم إضافته مسبقاً
        if (target && !document.querySelector('.salla-infinite-marquee-wrapper')) {
            target.insertBefore(marqueeWrapper, target.firstChild);
            clearInterval(injectionCheck); // إيقاف المحاولة بمجرد النجاح
        }
    }

    // فحص دوري كل 100 ملي ثانية لحقن الكود فوراً بدون انتظار تحميل الصور وباقي السكريبتات الثقيلة
    const injectionCheck = setInterval(injectMarquee, 100);
    
    // محاولة تشغيل فورية أيضاً كخطوة احتياطية
    injectMarquee();
})();




document.addEventListener('DOMContentLoaded', () => {

    const targetDiv = document.querySelector(
        'div.lg\\:col-span-2.rtl\\:lg\\:pl-20.ltr\\:lg\\:pr-20'
    );

    if (!targetDiv || targetDiv.querySelector('.custom-footer-logo')) return;

    const logo = document.createElement('img');

    logo.className = 'custom-footer-logo';
    logo.src = 'https://cdn.files.salla.network/theme/1347817284/43fe28b8-4d0c-4a51-ad5d-388fdbe01d46_500x500.png';
    logo.alt = 'Abnorm logo';
    logo.style.maxWidth = '250px';
    logo.style.height = '120px';
    logo.style.marginBottom = '15px';

    targetDiv.prepend(logo);

});