document.addEventListener('DOMContentLoaded', function() {
    
    // 1️⃣ أولاً: تغيير النصوص من "متجر" إلى "خدمات رقمية"
    function transformTextsToServices() {
        // تغيير أزرار إضافة للسلة إلى اطلب الخدمة
        const cartButtons = document.querySelectorAll('.btn--add-to-cart, salla-button[onclick*="cart"]');
        cartButtons.forEach(btn => {
            if(btn.innerText.includes('إضافة للسلة') || btn.innerText.includes('أضف للسلة')) {
                btn.innerText = 'اطلب الخدمة الآن';
            }
        });

        // تغيير عناوين الأقسام الرئيسية (إن وجدت)
        const sectionTitles = document.querySelectorAll('.section-header .title');
        sectionTitles.forEach(title => {
            if(title.innerText.includes('المنتجات') || title.innerText.includes('أحدث المنتجات')) {
                title.innerText = 'خدماتنا الرقمية';
            }
        });
    }

    // تشغيل دالة تغيير النصوص
    transformTextsToServices();
    
    // مراقبة التغييرات (لأن سلة تحمل المنتجات أحياناً بعد تحميل الصفحة)
    const observer = new MutationObserver(transformTextsToServices);
    observer.observe(document.body, { childList: true, subtree: true });

    // 2️⃣ ثانياً: حقن كود التصميم (CSS) لتغيير شكل الهيدر والفوتر جذرياً
    const agencyStyles = `
        <style>
            /* --- تحسين الهيدر (Header) ليناسب الوكالات الرقمية --- */
            header.salla-header, .store-header {
                background: rgba(25, 25, 25, 0.95) !important; /* لون داكن احترافي */
                backdrop-filter: blur(10px);
                border-bottom: 1px solid rgba(255,255,255,0.05);
                box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
            }
            
            /* تلوين روابط الهيدر باللون الأبيض أو الفاتح */
            .salla-header a, .store-header .menu-link {
                color: #f1f1f1 !important;
                font-weight: 500 !important;
                transition: color 0.3s ease;
            }
            .salla-header a:hover {
                color: #00d2ff !important; /* لون تفاعلي عند تمرير الماوس */
            }

            /* إخفاء عناصر المتاجر غير الضرورية للخدمات (اختياري، يمكنك حذف السطر إذا أردت السلة) */
            .header-cart-badge, .wishlist-icon, .compare-icon {
                /* display: none !important; */ /* قم بإزالة علامة التعليق لإخفائها تماماً */
            }

            /* --- تحسين الفوتر (Footer) ليصبح المختصر والمفيد --- */
            footer, .salla-footer {
                background-color: #111111 !important; /* خلفية داكنة جداً */
                color: #888888 !important;
                border-top: 2px solid #222 !important;
                padding-top: 40px !important;
                padding-bottom: 20px !important;
            }

            .salla-footer h3, .footer-title {
                color: #ffffff !important; /* عناوين الفوتر بيضاء */
                font-size: 1.1rem !important;
                margin-bottom: 15px !important;
            }

            .salla-footer a {
                color: #aaaaaa !important;
                transition: all 0.3s ease;
            }

            .salla-footer a:hover {
                color: #ffffff !important;
                padding-right: 5px; /* حركة بسيطة عند تمرير الماوس */
            }

            /* تنظيف حقوق النشر في الفوتر */
            .footer-copyright {
                border-top: 1px solid #333 !important;
                padding-top: 15px !important;
                margin-top: 30px !important;
                text-align: center;
                color: #666 !important;
            }

            /* --- لمسات عامة على الموقع (البطاقات والأزرار) --- */
            .product-entry, salla-product-card {
                border-radius: 12px !important;
                border: 1px solid #eeeeee !important;
                box-shadow: 0 5px 15px rgba(0,0,0,0.03) !important;
                transition: transform 0.3s ease, box-shadow 0.3s ease !important;
            }
            
            .product-entry:hover, salla-product-card:hover {
                transform: translateY(-5px) !important;
                box-shadow: 0 10px 25px rgba(0,0,0,0.08) !important;
            }

            /* أزرار الخدمات (أزرار الشراء سابقاً) */
            .btn--add-to-cart, .btn-primary {
                background: linear-gradient(90deg, #0052D4 0%, #4364F7 50%, #6FB1FC 100%) !important;
                border: none !important;
                border-radius: 8px !important;
                color: white !important;
                font-weight: bold !important;
                letter-spacing: 0.5px;
            }
        </style>
    `;
    
    // إدراج التنسيقات في الصفحة
    document.head.insertAdjacentHTML('beforeend', agencyStyles);

});