/* Add custom Js code below */
/* =========================================
   كود شريط التصنيفات (نسخة السطرين المرتبة)
   ========================================= */
document.addEventListener("DOMContentLoaded", function() {
    
    // تحديد المكان الذي سنضع فيه الشريط
    var targetSection = document.querySelector('.s-block--categories');
    
    // التأكد من عدم وجود الشريط مسبقاً
    if (targetSection && !document.querySelector('.category-scroll-container')) {
        
        var catsHTML = `
        <div class="category-scroll-container">
            
            <a href="https://floren-shop.com/فساتين سهرة | Evening Dresses/c1139627050" class="cat-pill">
                فساتين سهرة
                <span class="en-text">Evening Dresses</span>
            </a>

            <a href="https://floren-shop.com/فساتين ناعمة | Soft Dresses/c1594293413" class="cat-pill">
                فساتين ناعمة
                <span class="en-text">Soft Dresses</span>
            </a>

            <a href="https://floren-shop.com/فساتين حفلات التخرج | Prom Dresses/c1884850082" class="cat-pill">
                حفلات التخرج
                <span class="en-text">Prom Dresses</span>
            </a>
            
        </div>
        `;

        // إدراج الشريط في الصفحة
        targetSection.insertAdjacentHTML('afterend', catsHTML);
    }
});