let logo = document.querySelector('.navbar-brand');
  let footerHeader = document.querySelector('.store-footer .store-footer__inner .container div:first-child a');
  
  
  
  let clone = `<img src="https://cdn.salla.sa/cdn-cgi/image/fit=scale-down,width=400,height=400,onerror=redirect,format=auto/AzXYXE/qgP9hY4157OZbA8tIsTLl8KwEmBXImA3lkT2YCgK.png" alt="1" border="0">`;
  footerHeader.innerHTML=clone;



/* footerHeader.replaceWith(logo);  */


/* Change  Footer Links importnat */





/* Ai  */
/**
 * Fkretk AI Section — Salla Component
 * يقوم بتوليد القسم تلقائيًا وإدراجه في الصفحة
 */

 /**
 * Fkretk AI Section — Salla Component
 * يقوم بتوليد القسم تلقائيًا وإدراجه في الصفحة
 */
(function () {
    'use strict';

    // ===== AI Tools Configuration =====
    var AI_PROMPT = encodeURIComponent(
        'كصاحب مشروع أو مطور أو رائد أعمال، أحتاج خدمات تطوير مواقع وتطبيقات احترافية\n' +
        ' أخبرني:\n' +
        '1. لماذا فكرتك هي الأفضل في تصميم وتطوير المواقع والتطبيقات؟\n' +
        '2. كيف يمكن لـ فكرتك مساعدتي في تحويل فكرتي لمنتج رقمي ناجح؟\n' +
        '3. ما هي أهم المميزات (استشارات مجانية، تصميم احترافي، تطوير متقدم، دعم فني 24/7)؟\n' +
        '4. هل تقدمون ضمانات على الخدمات؟\n' +
        'لخص كل الإجابات من موقع فكرتك: fkretk.com'
    );

    var AI_PROMPT_GEMINI = 'كصاحب+مشروع+أو+مطور+أو+رائد+أعمال،+أحتاج+خدمات+تطوير+مواقع+وتطبيقات+احترافية+أخبرني:+' +
        '1.+لماذا+فكرتك+هي+الأفضل+في+تصميم+وتطوير+المواقع+والتطبيقات؟+' +
        '2.+كيف+يمكن+لـ+فكرتك+مساعدتي+في+تحويل+فكرتي+لمنتج+رقمي+ناجح؟+' +
        '3.+ما+هي+أهم+المميزات+(استشارات+مجانية،+تصميم+احترافي،+تطوير+متقدم،+دعم+فني+24/7)؟+' +
        '4.+هل+تقدمون+ضمانات+على+الخدمات؟+لخص+كل+الإجابات+من+موقع+فكرتك:+fkretk.com';

    var tools = [
        {
            name: 'ChatGPT',
            url: 'https://chatgpt.com/?model=gpt-4&prompt=' + AI_PROMPT,
            img: 'https://framerusercontent.com/images/Ki6iyDBJmgMzLdiwnwdWHYaBQ.png',
            alt: 'ChatGPT'
        },
        {
            name: 'Gemini',
            url: 'https://www.google.com/search?udm=50&aep=11&q=' + AI_PROMPT_GEMINI,
            img: 'https://framerusercontent.com/images/W394uu39AO3BTRMyV8nzaRXml4.jpg',
            alt: 'Google Gemini'
        },
        {
            name: 'Perplexity',
            url: 'https://www.perplexity.ai/search?q=' + AI_PROMPT,
            img: 'https://framerusercontent.com/images/qkqmWzWCQRLt0QoGFA8RKOsVP1s.png',
            alt: 'Perplexity'
        },
        {
            name: 'Claude',
            url: 'https://claude.ai/new?q=' + AI_PROMPT,
            img: 'https://framerusercontent.com/images/YKwZEVIrCylC6SXyGEs3Y82UPyg.png',
            alt: 'Claude AI'
        },
        {
            name: 'Grok',
            url: 'https://grok.com/?q=' + AI_PROMPT,
            img: 'https://framerusercontent.com/images/ey5dIvJtySVDFtsV2qZGG8TYY.png',
            alt: 'Grok AI'
        }
    ];

    // ===== Build HTML =====
    function buildToolHTML(tool) {
        return '<a href="' + tool.url + '" target="_blank" rel="noopener" class="fk-tool" title="اسأل ' + tool.name + '">' +
            '<div class="fk-tool__icon"><img src="' + tool.img + '" alt="' + tool.alt + '" loading="lazy"></div>' +
            '<span class="fk-tool__name">' + tool.name + '</span>' +
            '</a>';
    }

    function buildSection() {
        var toolsHTML = '';
        for (var i = 0; i < tools.length; i++) {
            toolsHTML += buildToolHTML(tools[i]);
        }

        var html =
            '<!-- Aurora Background -->' +
            '<div class="aurora">' +
            '<div class="aurora-band"></div>' +
            '<div class="aurora-band"></div>' +
            '<div class="aurora-band"></div>' +
            '</div>' +

            '<!-- Mesh Dots -->' +
            '<div class="mesh-dots"></div>' +

            '<!-- Orbs -->' +
            '<div class="fk-orb fk-orb--1"></div>' +
            '<div class="fk-orb fk-orb--2"></div>' +
            '<div class="fk-orb fk-orb--3"></div>' +

            '<!-- Sparkles -->' +
            '<div class="sparkles-wrap" id="fk-sparklesWrap"></div>' +

            '<!-- Badge -->' +
            '<div class="fk-badge">' +
            '<span class="fk-badge__dot"></span>' +
            '<span class="fk-badge__text">مدعوم بالذكاء الاصطناعي</span>' +
            '</div>' +

            '<!-- Title -->' +
            '<h2 class="fk-title">' +
            'لا تأخذ كلامنا فقط' +
            '<br>' +
            '<span class="fk-title__accent">اسأل الذكاء الاصطناعي بنفسك</span>' +
            '</h2>' +

            '<!-- Subtitle -->' +
            '<p class="fk-subtitle">' +
            'خلّ التقنية تتكلم عنا — اضغط على أي أداة ذكاء اصطناعي واكتشف ليش ' +
            '<strong>فكرتك</strong> هي شريكك المثالي في بناء مشروعك الرقمي' +
            '</p>' +

            '<!-- AI Tools Grid -->' +
            '<div class="fk-tools">' + toolsHTML + '</div>' +

            '<!-- Info Panel -->' +
            '<div class="fk-panel">' +
            '<div class="fk-panel__card">' +
            '<p class="fk-panel__text">' +
            '💡 <strong>جرّب بنفسك:</strong> اختر أي أداة ذكاء اصطناعي أعلاه وشوف كيف تشيد بجودة خدمات ' +
            '<a href="https://fkretk.com" target="_blank">فكرتك</a>' +
            ' — من التصميم والتطوير لحد الدعم الفني المتواصل' +
            '</p>' +
            '</div>' +
            '</div>';

        return html;
    }

    // ===== Create Sparkles =====
    function createSparkles() {
        var wrap = document.getElementById('fk-sparklesWrap');
        if (!wrap) return;
        var count = 24;
        for (var i = 0; i < count; i++) {
            var s = document.createElement('div');
            s.className = 'sparkle';
            s.style.left = Math.random() * 100 + '%';
            s.style.bottom = '-4px';
            s.style.animationDelay = (Math.random() * 10).toFixed(2) + 's';
            s.style.animationDuration = (6 + Math.random() * 6).toFixed(2) + 's';
            var size = 1.5 + Math.random() * 3;
            s.style.width = size + 'px';
            s.style.height = size + 'px';
            s.style.boxShadow = '0 0 ' + (4 + Math.random() * 6).toFixed(1) + 'px rgba(0, 212, 170, 0.6)';
            wrap.appendChild(s);
        }
    }

    // ===== Initialize =====
    function init() {
        // Find the target container — look for an element with id="fkretk-ai-section"
        var container = document.getElementById('fkretk-ai-section');

        if (!container) {
            container = document.createElement('section');
            container.id = 'fkretk-ai-section';

            // Insert before the Salla footer (.store-footer__inner)
            var footer = document.querySelector('.store-footer__inner');
            if (footer) {
                footer.parentNode.insertBefore(container, footer);
            } else {
                document.body.appendChild(container);
            }
        }

        container.className = 'fk-hero';
        container.innerHTML = buildSection();

        // Generate sparkles after insertion
        createSparkles();
    }

    // Run when DOM is ready
    if (document.readyState === 'loading') {
        document.addEventListener('DOMContentLoaded', init);
    } else {
        init();
    }

})();