/* =========================================================
   روائع الخليجية للعود
   JavaScript منظم للهيدر والتصنيفات
   ========================================================= */

(function () {

    /* =====================================================
       1) تحديد الصفحة الرئيسية والصفحات الداخلية
       ===================================================== */

    function setPageClasses() {

        const path = window.location.pathname.replace(/\/+$/, "");
        const parts = path
            .split("/")
            .filter(Boolean)
            .filter(function (part) {
                return part !== "ar" && part !== "en";
            });

        const isSallaPreview =
            window.location.hostname === "salla.sa" ||
            window.location.hostname.endsWith(".salla.sa");

        const isHomePage = isSallaPreview
            ? parts.length === 1
            : parts.length === 0;

        document.body.classList.toggle("store-real-home", isHomePage);
        document.body.classList.toggle("store-inner-page", !isHomePage);
    }


    /* =====================================================
       2) إنشاء الروابط العلوية
       ===================================================== */

    function createTopLinks() {

        if (document.querySelector(".custom-top-links")) {
            return true;
        }

        const header = document.querySelector("header");

        if (!header) {
            return false;
        }

        const topLinks = document.createElement("div");
        topLinks.className = "custom-top-links";

        topLinks.innerHTML = `
            <a href="https://alkhalijiaoud.com/من-نحن/page-1882485743">
                من نحن
            </a>

            <span>|</span>

            <a href="https://alkhalijiaoud.com/سياسة-الاستبدال-والاسترجاع/page-38419701">
                سياسة الاستبدال والاسترجاع
            </a>

            <span>|</span>

            <a href="https://alkhalijiaoud.com/التوصيل-والشحن/page-1764185801">
                التوصيل والشحن
            </a>
        `;

        header.prepend(topLinks);

        return true;
    }


    /* =====================================================
       3) إنشاء صف واحد جديد للتصنيفات
       ===================================================== */

    function createOneRowCategories() {

        const quicklinks = document.querySelector(".quicklinks");

        if (!quicklinks) {
            return false;
        }

        if (quicklinks.querySelector(".custom-one-row-categories")) {
            return true;
        }

        const originalLinks = Array.from(
            quicklinks.querySelectorAll(
                "li > a, .main-menu-item"
            )
        );

        if (!originalLinks.length) {
            return false;
        }

        const uniqueLinks = [];
        const seen = new Set();

        originalLinks.forEach(function (link) {

            const text = (link.textContent || "").trim();
            const href = link.getAttribute("href") || "";

            if (!text) {
                return;
            }

            const key = text + "|" + href;

            if (!seen.has(key)) {

                seen.add(key);

                uniqueLinks.push({
                    text: text,
                    href: href
                });
            }
        });

        if (!uniqueLinks.length) {
            return false;
        }

        const row = document.createElement("div");
        row.className = "custom-one-row-categories";

        uniqueLinks.forEach(function (linkData) {

            const item = document.createElement("a");

            item.className = "custom-one-row-category";

            item.textContent = linkData.text;

            item.href = linkData.href || "#";

            row.appendChild(item);
        });

        Array.from(quicklinks.children).forEach(function (child) {

            if (!child.classList.contains("custom-one-row-categories")) {
                child.style.display = "none";
            }
        });

        quicklinks.appendChild(row);

        quicklinks.classList.add("custom-categories-ready");

        return true;
    }


    /* =====================================================
       4) تشغيل جميع وظائف الهيدر
       ===================================================== */

    function initializeHeader() {

        setPageClasses();

        createTopLinks();

        createOneRowCategories();
    }


    /* =====================================================
       5) انتظار عناصر سلة إذا تأخر تحميلها
       ===================================================== */

    function waitForHeaderElements() {

        let attempts = 0;
        const maxAttempts = 50;

        const timer = setInterval(function () {

            attempts++;

            setPageClasses();

            const topLinksReady = createTopLinks();
            const categoriesReady = createOneRowCategories();

            if (
                (topLinksReady && categoriesReady) ||
                attempts >= maxAttempts
            ) {
                clearInterval(timer);
            }

        }, 200);
    }


    /* =====================================================
       6) التشغيل
       ===================================================== */

    if (document.readyState === "loading") {

        document.addEventListener(
            "DOMContentLoaded",
            function () {

                initializeHeader();

                waitForHeaderElements();
            }
        );

    } else {

        initializeHeader();

        waitForHeaderElements();
    }

})();


/* =========================================================
   تحويل القوائم المنسدلة إلى أزرار
   ========================================================= */

document.addEventListener("DOMContentLoaded", function () {

    function convertSelectsToButtons() {

        const selects = document.querySelectorAll("select");

        selects.forEach(function (select) {

            if (select.dataset.buttonsConverted === "true") return;

            const validOptions = Array.from(select.options).filter(function (option) {
                return option.value && option.textContent.trim();
            });

            if (validOptions.length < 2) return;

            select.dataset.buttonsConverted = "true";

            const buttonsWrapper = document.createElement("div");

            buttonsWrapper.style.display = "flex";
            buttonsWrapper.style.flexWrap = "wrap";
            buttonsWrapper.style.gap = "8px";
            buttonsWrapper.style.marginTop = "10px";
            buttonsWrapper.style.marginBottom = "10px";

            validOptions.forEach(function (option) {

                const button = document.createElement("button");

                button.type = "button";
                button.textContent = option.textContent.trim();

                button.style.background = "#ffffff";
                button.style.color = "#222";
                button.style.border = "1px solid #d6d6d6";
                button.style.borderRadius = "7px";
                button.style.padding = "8px 13px";
                button.style.cursor = "pointer";
                button.style.fontSize = "14px";
                button.style.fontWeight = "600";
                button.style.transition = "0.2s";
                button.style.fontFamily = "inherit";

                if (select.value === option.value) {
                    activateButton(button);
                }

                button.addEventListener("click", function () {

                    select.value = option.value;

                    select.dispatchEvent(
                        new Event("change", {
                            bubbles: true
                        })
                    );

                    select.dispatchEvent(
                        new Event("input", {
                            bubbles: true
                        })
                    );

                    buttonsWrapper
                        .querySelectorAll("button")
                        .forEach(function (btn) {
                            resetButton(btn);
                        });

                    activateButton(button);
                });

                buttonsWrapper.appendChild(button);
            });

            select.insertAdjacentElement("afterend", buttonsWrapper);

            select.style.position = "absolute";
            select.style.opacity = "0";
            select.style.pointerEvents = "none";
            select.style.width = "1px";
            select.style.height = "1px";
        });
    }


    function activateButton(button) {
        button.style.background = "#111111";
        button.style.color = "#ffffff";
        button.style.borderColor = "#111111";
    }


    function resetButton(button) {
        button.style.background = "#ffffff";
        button.style.color = "#222222";
        button.style.borderColor = "#d6d6d6";
    }


    convertSelectsToButtons();


    const observer = new MutationObserver(function () {
        convertSelectsToButtons();
    });

    observer.observe(document.body, {
        childList: true,
        subtree: true
    });

});


/* =========================================================
   أيقونات التصنيفات داخل نافذة العرض
   + إضافة أيقونة خاصة للعطور
   ========================================================= */

document.addEventListener("DOMContentLoaded", function () {

    const incenseIcon = `
        <svg xmlns="http://www.w3.org/2000/svg"
             viewBox="0 0 80 80"
             width="72"
             height="72"
             fill="none"
             stroke="currentColor"
             stroke-width="2"
             stroke-linecap="round"
             stroke-linejoin="round"
             aria-hidden="true"
             focusable="false">
            <path d="M23 50h34"></path>
            <path d="M28 50l4 13h16l4-13"></path>
            <path d="M31 42h18l5 8H26l5-8z"></path>
            <path d="M34 36c-6-6 4-9 0-16"></path>
            <path d="M42 36c-7-7 5-11 0-19"></path>
            <path d="M49 36c-5-5 3-8 0-13"></path>
        </svg>
    `;

    const iconMap = {
        "البخورات": incenseIcon,
        "البخور": incenseIcon,
        "العطور": `
            <svg xmlns="http://www.w3.org/2000/svg"
                 viewBox="0 0 80 80"
                 width="72"
                 height="72"
                 fill="none"
                 stroke="currentColor"
                 stroke-width="2"
                 stroke-linecap="round"
                 stroke-linejoin="round"
                 aria-hidden="true"
                 focusable="false">
                <rect x="22" y="31" width="36" height="33" rx="6"></rect>
                <path d="M30 31v-9h20v9"></path>
                <rect x="34" y="13" width="12" height="9" rx="2"></rect>
                <path d="M29 42h22"></path>
                <path d="M34 50c4-4 8-4 12 0"></path>
                <path d="M40 50v7"></path>
            </svg>
        `,
        "معطرات اجواء شرقية": "🕌",
        "معطرات اجواء فرنسية": "🌸",
        "فواحات منزلية": "🏠",
        "خمريات الجسم والشعر": "🧴"
    };

    function normalizeText(text) {
        return (text || "")
            .replace(/\s+/g, " ")
            .trim();
    }

    function applyIcons() {

        const popupCards = document.querySelectorAll(
            '[role="dialog"] a,' +
            '[role="dialog"] .offer-item,' +
            '[role="dialog"] .category-item,' +
            '.modal a,' +
            '.modal .offer-item,' +
            '.modal .category-item'
        );

        popupCards.forEach(function (card) {

            if (card.dataset.iconApplied === "true") return;

            const text = normalizeText(card.textContent);

            for (const [name, icon] of Object.entries(iconMap)) {

                if (!text.includes(name)) continue;

                const elements = card.querySelectorAll("*");
                let target = null;

                elements.forEach(function (el) {

                    const t = normalizeText(el.textContent);

                    if (!target && t === name) {
                        target = el;
                    }
                });

                if (!target) {
                    target = card;
                }

                const iconBox = document.createElement("span");

                iconBox.style.display = "flex";
                iconBox.style.alignItems = "center";
                iconBox.style.justifyContent = "center";
                iconBox.style.width = "100%";
                iconBox.style.height = "auto";
                iconBox.style.marginBottom = "6px";
                iconBox.style.textAlign = "center";
                iconBox.style.color = "#d8a35d";

                if (icon.trim().startsWith("<svg")) {
                    iconBox.innerHTML = icon;

                    const svg = iconBox.querySelector("svg");

                    if (svg) {
                        svg.style.width = "42px";
                        svg.style.height = "42px";
                        svg.style.maxWidth = "42px";
                        svg.style.maxHeight = "42px";
                    }

                } else {
                    iconBox.textContent = icon;
                    iconBox.style.fontSize = "42px";
                    iconBox.style.lineHeight = "1";
                }

                const nameBox = document.createElement("span");

                nameBox.textContent = name;
                nameBox.style.display = "block";
                nameBox.style.fontSize = "14px";
                nameBox.style.fontWeight = "600";
                nameBox.style.textAlign = "center";
                nameBox.style.lineHeight = "1.5";

                target.textContent = "";
                target.appendChild(iconBox);
                target.appendChild(nameBox);

                target.dataset.iconInjected = "true";
                card.dataset.iconApplied = "true";

                break;
            }
        });
    }

    applyIcons();

    const observer = new MutationObserver(function () {
        applyIcons();
    });

    observer.observe(document.body, {
        childList: true,
        subtree: true
    });

});


/* =========================================================
   نافذة العروض - شريط مضغوط في منتصف الجوال
   مع الحفاظ على الأيقونات الملونة
   ========================================================= */

document.addEventListener("DOMContentLoaded", function () {

    const STYLE_ID = "rg-compact-offer-strip-style";

    function installOfferStyle() {
        if (document.getElementById(STYLE_ID)) return;

        const style = document.createElement("style");
        style.id = STYLE_ID;
        style.textContent = `
            @media (max-width: 991px) {

                /* اللوحة البيضاء نفسها */
                .rg-compact-offer-strip {
                    position: fixed !important;
                    top: 50% !important;
                    left: 50% !important;
                    right: auto !important;
                    bottom: auto !important;
                    transform: translate(-50%, -50%) !important;

                    width: calc(100vw - 28px) !important;
                    max-width: 430px !important;
                    min-width: 0 !important;

                    height: auto !important;
                    min-height: 0 !important;
                    max-height: none !important;

                    margin: 0 !important;
                    padding: 14px 12px 12px !important;
                    box-sizing: border-box !important;

                    border-radius: 16px !important;
                    background: #ffffff !important;
                    box-shadow: 0 14px 40px rgba(0,0,0,.20) !important;

                    overflow-x: hidden !important;
                    overflow-y: auto !important;
                    -webkit-overflow-scrolling: touch !important;

                    z-index: 1000005 !important;
                }

                /* منع أي تمرير داخلي موروث من نافذة سلة */
                .rg-compact-offer-strip .rg-offer-no-scroll {
                    height: auto !important;
                    min-height: 0 !important;
                    max-height: none !important;
                    overflow: visible !important;
                    overflow-x: visible !important;
                    overflow-y: visible !important;
                }

                .rg-compact-offer-strip h1,
                .rg-compact-offer-strip h2,
                .rg-compact-offer-strip h3,
                .rg-compact-offer-strip .modal-title,
                .rg-compact-offer-strip .popup-title {
                    margin: 0 30px 5px !important;
                    font-size: 17px !important;
                    line-height: 1.45 !important;
                    text-align: center !important;
                }

                .rg-compact-offer-strip p,
                .rg-compact-offer-strip .popup-description,
                .rg-compact-offer-strip .offer-description,
                .rg-compact-offer-strip .text-muted {
                    margin: 0 auto 8px !important;
                    max-width: 96% !important;
                    font-size: 12px !important;
                    line-height: 1.5 !important;
                    text-align: center !important;
                }

                /* صف البطاقات */
                .rg-compact-offer-strip .rg-offer-cards-row {
                    display: grid !important;
                    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
                    gap: 7px !important;
                    width: 100% !important;
                    height: auto !important;
                    min-height: 0 !important;
                    margin: 8px 0 0 !important;
                    padding: 0 !important;
                    overflow: visible !important;
                }

                .rg-compact-offer-strip .rg-offer-card-compact {
                    width: 100% !important;
                    min-width: 0 !important;
                    max-width: none !important;

                    height: 108px !important;
                    min-height: 108px !important;
                    max-height: 108px !important;

                    margin: 0 !important;
                    padding: 7px 4px !important;
                    box-sizing: border-box !important;

                    display: flex !important;
                    flex-direction: column !important;
                    align-items: center !important;
                    justify-content: center !important;

                    border-radius: 10px !important;
                    overflow: hidden !important;
                }

                .rg-compact-offer-strip .rg-offer-card-compact > * {
                    min-height: 0 !important;
                    max-height: 100% !important;
                }

                .rg-compact-offer-strip [data-icon-injected="true"] > span:first-child {
                    width: 100% !important;
                    height: 42px !important;
                    min-height: 42px !important;
                    margin: 0 0 4px !important;
                    font-size: 34px !important;
                    line-height: 1 !important;
                }

                .rg-compact-offer-strip [data-icon-injected="true"] > span:first-child svg {
                    width: 34px !important;
                    height: 34px !important;
                    max-width: 34px !important;
                    max-height: 34px !important;
                }

                .rg-compact-offer-strip [data-icon-injected="true"] > span:last-child {
                    font-size: 10px !important;
                    line-height: 1.25 !important;
                    text-align: center !important;
                    white-space: normal !important;
                }

                /* في حال كان العرض يحتوي بطاقة واحدة أو بطاقتين */
                .rg-compact-offer-strip .rg-offer-cards-row.rg-count-1 {
                    grid-template-columns: minmax(0, 140px) !important;
                    justify-content: center !important;
                    align-items: center !important;
                    margin: 0 !important;
                }

                /* نافذة العرض ذات البطاقة الواحدة مثل "البخورات":
                   نفس عرض/إطار نافذة المعطرات والخمريات، بدون استطالة طولية */
                .rg-compact-offer-strip.rg-single-offer-popup {
                    width: calc(100vw - 28px) !important;
                    max-width: 430px !important;
                    min-width: 0 !important;

                    height: auto !important;
                    min-height: 0 !important;
                    max-height: calc(100dvh - 120px) !important;

                    display: flex !important;
                    flex-direction: column !important;
                    align-items: center !important;
                    justify-content: center !important;

                    overflow-x: hidden !important;
                    overflow-y: auto !important;
                    -webkit-overflow-scrolling: touch !important;
                }

                .rg-compact-offer-strip.rg-single-offer-popup .rg-offer-cards-row {
                    width: 100% !important;
                    height: auto !important;
                    min-height: 0 !important;
                    max-height: none !important;
                    margin: 0 !important;
                    padding: 0 !important;

                    display: grid !important;
                    grid-template-columns: minmax(0, 150px) !important;
                    align-items: center !important;
                    justify-content: center !important;

                    overflow: visible !important;
                }

                .rg-compact-offer-strip.rg-single-offer-popup .rg-offer-card-compact {
                    width: 150px !important;
                    min-width: 150px !important;
                    max-width: 150px !important;

                    height: 120px !important;
                    min-height: 120px !important;
                    max-height: 120px !important;

                    margin: 0 auto !important;
                }

                .rg-compact-offer-strip.rg-count-2 {
                    min-height: 0 !important;
                }

                .rg-compact-offer-strip .rg-offer-cards-row.rg-count-2 {
                    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
                }
            }
        `;

        document.head.appendChild(style);
    }

    function cleanText(value) {
        return (value || "").replace(/\s+/g, " ").trim();
    }

    function isOfferPopup(popup) {
        const text = cleanText(popup.textContent);

        /* إذا وُجدت بطاقة من بطاقات العرض التي أضفنا لها أيقونة،
           نعتبر النافذة نافذة عرض حتى لو لم يظهر نص العرض الكامل.
           هذا مهم خصوصًا لنافذة "البخورات" ذات البطاقة الواحدة. */
        const hasOfferCard = !!popup.querySelector("[data-icon-applied='true']");

        return (
            hasOfferCard ||
            text.includes("القطعة المجانية") ||
            text.includes("المنتج المجاني") ||
            text.includes("اشتر قطعتين") ||
            text.includes("اشترِ قطعتين") ||
            text.includes("قائمة تصنيفات الشراء") ||
            text.includes("اختر التصنيف المناسب")
        );
    }

    function centerWholeOfferPopup(popup) {
        if (!popup || window.innerWidth > 991) return;

        /*
           نبحث عن غلاف قريب يغطي معظم الشاشة.
           هذا الغلاف هو الذي تستخدمه سلة كطبقة التعتيم/الحاوية،
           ونستخدمه لتوسيط النافذة كاملة كقطعة واحدة.
        */
        let overlay = popup.parentElement;
        let found = null;

        for (let i = 0; i < 5 && overlay && overlay !== document.body; i++) {
            const rect = overlay.getBoundingClientRect();

            if (
                rect.width >= window.innerWidth * 0.90 &&
                rect.height >= window.innerHeight * 0.75
            ) {
                found = overlay;
                break;
            }

            overlay = overlay.parentElement;
        }

        if (found) {
            found.style.setProperty("position", "fixed", "important");
            found.style.setProperty("inset", "0", "important");
            found.style.setProperty("width", "100vw", "important");
            found.style.setProperty("height", "100dvh", "important");
            found.style.setProperty("display", "flex", "important");
            found.style.setProperty("align-items", "center", "important");
            found.style.setProperty("justify-content", "center", "important");
            found.style.setProperty("padding", "14px", "important");
            found.style.setProperty("box-sizing", "border-box", "important");
            found.style.setProperty("overflow", "hidden", "important");

            /*
               نلغي تموضع الـ bottom-sheet على النافذة نفسها،
               ثم نترك Flex في الغلاف يضعها في المنتصف.
            */
            popup.style.setProperty("position", "relative", "important");
            popup.style.setProperty("inset", "auto", "important");
            popup.style.setProperty("top", "auto", "important");
            popup.style.setProperty("right", "auto", "important");
            popup.style.setProperty("bottom", "auto", "important");
            popup.style.setProperty("left", "auto", "important");
            popup.style.setProperty("transform", "translateY(-55px)", "important");
            popup.style.setProperty("margin", "0", "important");
            popup.style.setProperty("flex", "0 0 auto", "important");
            popup.style.setProperty("max-height", "calc(100dvh - 28px)", "important");
        } else {
            /*
               احتياط فقط إذا تغيّرت بنية سلة ولم نجد الغلاف:
               نحرك النافذة نفسها دون لمس محتوياتها.
            */
            popup.style.setProperty("position", "fixed", "important");
            popup.style.setProperty("inset", "auto", "important");
            popup.style.setProperty("top", "50%", "important");
            popup.style.setProperty("left", "50%", "important");
            popup.style.setProperty("right", "auto", "important");
            popup.style.setProperty("bottom", "auto", "important");
            popup.style.setProperty("transform", "translate(-50%, calc(-50% - 55px))", "important");
            popup.style.setProperty("margin", "0", "important");
        }
    }

    function compactOfferPopup(popup) {
        if (!popup || !isOfferPopup(popup)) return;

        /* مهم: لا تسمح لكود قائمة الجوال بالتعامل معها كدرج */
        popup.classList.remove("rg-mobile-drawer");
        popup.classList.add("rg-compact-offer-strip");
        popup.dataset.rgOfferPopup = "true";

        /* التوسيط يتم عبر غلاف النافذة الخارجي، وليس بتحريك عناصرها الداخلية */
        if (window.innerWidth <= 991) {
            centerWholeOfferPopup(popup);
        }

        const cards = Array.from(
            popup.querySelectorAll("[data-icon-applied='true']")
        );

        cards.forEach(function (card) {
            card.classList.add("rg-offer-card-compact");
        });

        /* توحيد نافذة البطاقة الواحدة مع حجم نافذة المعطرات والخمريات */
        popup.classList.toggle("rg-single-offer-popup", cards.length === 1);

        if (cards.length) {
            let parent = cards[0].parentElement;

            while (
                parent &&
                parent !== popup &&
                !cards.every(function (card) { return parent.contains(card); })
            ) {
                parent = parent.parentElement;
            }

            if (parent && parent !== popup) {
                parent.classList.add("rg-offer-cards-row");
                parent.classList.remove("rg-count-1", "rg-count-2", "rg-count-3");
                parent.classList.add("rg-count-" + Math.min(cards.length, 3));

                /* إزالة أي ارتفاعات عملاقة ورثتها عناصر سلة */
                let node = parent;
                while (node && node !== popup) {
                    node.style.setProperty("height", "auto", "important");
                    node.style.setProperty("min-height", "0", "important");
                    node.style.setProperty("max-height", "none", "important");
                    node = node.parentElement;
                }
            }
        }

        if (cards.length === 1) {
            /* سلة قد تضع ارتفاع 100% على غلاف البطاقة الواحدة.
               نزيل تلك الارتفاعات حتى لا تتحول نافذة البخور إلى شاشة طولية. */
            popup.querySelectorAll(
                "div, section, ul, li, main, article, a, form, salla-button, [class*='content'], [class*='body'], [class*='wrapper']"
            ).forEach(function (el) {
                if (el.closest(".rg-offer-card-compact") && el !== cards[0]) {
                    return;
                }

                el.style.setProperty("min-height", "0", "important");
                el.style.setProperty("max-height", "none", "important");

                if (!el.classList.contains("rg-offer-card-compact")) {
                    el.style.setProperty("height", "auto", "important");
                }

                el.style.setProperty("overflow-y", "visible", "important");
            });
        }

        /*
           الحفاظ على كامل محتويات نافذة العرض، بما فيها:
           - مدة سريان العرض
           - خيار "لا تظهر هذا مجددًا"
           مع إبقاء الحاويات الداخلية بدون ارتفاعات إجبارية.
        */
        popup.querySelectorAll("div, section, ul, li, main, article").forEach(function (el) {
            el.classList.add("rg-offer-no-scroll");
        });


        /* السماح بتمرير بسيط فقط عند الحاجة حتى تبقى كل المحتويات ظاهرة */
        popup.style.setProperty("overflow-x", "hidden", "important");
        popup.style.setProperty("overflow-y", "auto", "important");
        popup.style.setProperty("height", "auto", "important");
        popup.style.setProperty("min-height", "0", "important");
        popup.style.setProperty("max-height", "calc(100dvh - 120px)", "important");
        popup.style.setProperty("padding-bottom", "18px", "important");

        const heading = popup.querySelector(
            "h1, h2, h3, .modal-title, .popup-title"
        );

        const paragraphs = popup.querySelectorAll(
            "p, .text-muted, .modal-body div, .popup-description, .offer-description"
        );

        let description = null;

        paragraphs.forEach(function (el) {
            const text = cleanText(el.textContent);
            if (
                !description &&
                (text.includes("لا تفوت العرض") ||
                 text.includes("اشتر") ||
                 text.includes("قائمة تصنيفات الشراء") ||
                 text.includes("اختر التصنيف المناسب"))
            ) {
                description = el;
            }
        });

        if (heading && !heading.dataset.customOfferDone) {
            heading.textContent =
                "عرض خاص: اشترِ قطعتين واحصل على الثالثة مجانًا";
            heading.style.fontWeight = "700";
            heading.dataset.customOfferDone = "true";
        }

        if (description && !description.dataset.customOfferDone) {
            description.textContent =
                "اختر التصنيف المناسب ثم اختر المنتج المجاني الذي تريده.";
            description.style.fontWeight = "600";
            description.style.textAlign = "center";
            description.dataset.customOfferDone = "true";
        }
    }

    function runOfferFix() {
        installOfferStyle();

        document.querySelectorAll('[role="dialog"], .modal').forEach(function (popup) {
            compactOfferPopup(popup);
        });

        /* سلة قد تعيد تموضع bottom-sheet بعد حركة الظهور،
           لذلك نعيد توسيط النافذة كاملة عبر غلافها الخارجي. */
        [60, 180, 400, 800].forEach(function (delay) {
            setTimeout(function () {
                document.querySelectorAll('[role="dialog"], .modal').forEach(function (popup) {
                    if (!isOfferPopup(popup)) return;
                    centerWholeOfferPopup(popup);
                });
            }, delay);
        });
    }

    runOfferFix();

    const observer = new MutationObserver(function () {
        runOfferFix();
    });

    observer.observe(document.body, {
        childList: true,
        subtree: true
    });

});


/* =========================================================
   أيقونات خطية كبيرة للقائمة الجانبية - JavaScript فقط
   أسلوب بصري قريب من القوائم الاحترافية: خط أسود رفيع وواضح
   ========================================================= */

document.addEventListener("DOMContentLoaded", function () {

    function makeMenuSvg(inner, viewBox = "0 0 80 80") {
        return `
            <svg xmlns="http://www.w3.org/2000/svg"
                 viewBox="${viewBox}"
                 width="52"
                 height="52"
                 fill="none"
                 stroke="currentColor"
                 stroke-width="2"
                 stroke-linecap="round"
                 stroke-linejoin="round"
                 aria-hidden="true"
                 focusable="false">
                ${inner}
            </svg>
        `;
    }

    const menuIcons = {
        "البخور": makeMenuSvg(`
            <path d="M24 48h32"></path>
            <path d="M28 48l4 13h16l4-13"></path>
            <path d="M31 41h18l4 7H27l4-7z"></path>
            <path d="M34 35c-5-5 3-8-1-14"></path>
            <path d="M42 35c-6-6 4-10 0-17"></path>
            <path d="M49 35c-4-4 3-7 1-12"></path>
        `),
        "معطرات اجواء شرقية": makeMenuSvg(`
            <rect x="25" y="29" width="30" height="35" rx="5"></rect>
            <path d="M31 29v-8h18v8"></path>
            <path d="M36 21v-6h12"></path>
            <path d="M48 15h7"></path>
            <path d="M31 39c5-4 13-4 18 0"></path>
            <path d="M34 47h12"></path>
            <path d="M59 20l7-3"></path>
            <path d="M60 26l8 1"></path>
        `),
        "معطرات اجواء فرنسية": makeMenuSvg(`
            <rect x="24" y="30" width="32" height="34" rx="6"></rect>
            <path d="M31 30v-8h18v8"></path>
            <path d="M35 22v-7h10v7"></path>
            <path d="M31 42c6-5 12-6 18 0"></path>
            <path d="M34 50h12"></path>
            <path d="M40 54v4"></path>
        `),
        "العود الطبيعي المحسن": makeMenuSvg(`
            <path d="M18 49l15-20 13 9-15 20-13-9z"></path>
            <path d="M32 55l14-18 12 8-14 18-12-8z"></path>
            <path d="M25 42l11 8"></path>
            <path d="M42 29l3-7 3 7 7 3-7 3-3 7-3-7-7-3 7-3z"></path>
        `),
        "عروض البكجات والهدايا": makeMenuSvg(`
            <rect x="17" y="34" width="46" height="30" rx="3"></rect>
            <path d="M14 27h52v12H14z"></path>
            <path d="M40 27v37"></path>
            <path d="M40 27c-4-10-14-16-19-10-5 7 7 12 19 10z"></path>
            <path d="M40 27c4-10 14-16 19-10 5 7-7 12-19 10z"></path>
        `),
        "العود الطبيعي": makeMenuSvg(`
            <path d="M17 50l15-22 14 9-15 22-14-9z"></path>
            <path d="M33 55l14-20 14 9-14 20-14-9z"></path>
            <path d="M24 42l10 7"></path>
            <path d="M40 44l10 7"></path>
            <path d="M30 32l7 5"></path>
        `),
        "دهن العود": makeMenuSvg(`
            <path d="M50 13l10 10-18 18-10-10 18-18z"></path>
            <path d="M55 18l6-6 7 7-6 6"></path>
            <path d="M34 39l-3 10 10-3"></path>
            <path d="M26 49h20l3 15H23l3-15z"></path>
            <path d="M29 49v-5h14v5"></path>
        `),
        "العطور": makeMenuSvg(`
            <rect x="22" y="31" width="36" height="33" rx="6"></rect>
            <path d="M30 31v-9h20v9"></path>
            <rect x="34" y="13" width="12" height="9" rx="2"></rect>
            <path d="M29 42h22"></path>
            <path d="M34 50c4-4 8-4 12 0"></path>
            <path d="M40 50v7"></path>
        `),
        "فواحات منزلية": makeMenuSvg(`
            <path d="M27 40h26l-4 24H31l-4-24z"></path>
            <path d="M32 40l-8-25"></path>
            <path d="M38 40l-2-28"></path>
            <path d="M44 40l6-27"></path>
            <path d="M49 40l12-22"></path>
            <path d="M31 48h18"></path>
        `),
        "خمريات الجسم والشعر": makeMenuSvg(`
            <path d="M22 52c5-18 14-31 27-31 9 0 15 6 15 14 0 13-11 23-25 23-8 0-14-2-19-7"></path>
            <path d="M27 49c4 4 9 6 15 6 10 0 18-7 18-17"></path>
            <path d="M29 25c7 1 13 6 15 13"></path>
            <path d="M15 51h12v13H15z"></path>
            <path d="M18 51v-5h6v5"></path>
        `),
        "تخفيضات": makeMenuSvg(`
            <path d="M16 34l22-20h25v25L41 61 16 34z"></path>
            <circle cx="52" cy="25" r="3"></circle>
            <circle cx="33" cy="36" r="4"></circle>
            <circle cx="46" cy="49" r="4"></circle>
            <path d="M31 52l18-20"></path>
        `),
        "العلامات التجارية": makeMenuSvg(`
            <circle cx="40" cy="40" r="23"></circle>
            <path d="M40 17l6 9 11 2-7 8 1 11-11-5-11 5 1-11-7-8 11-2 6-9z"></path>
            <path d="M30 61h20"></path>
        `),

        /* من نحن - متجر/واجهة */
        "من نحن": makeMenuSvg(`
            <path d="M18 34h44v28H18z"></path>
            <path d="M14 34l7-14h38l7 14"></path>
            <path d="M24 34v-7h32v7"></path>
            <path d="M27 62V46h11v16"></path>
            <path d="M45 47h10v8H45z"></path>
        `),

        /* سياسة الاستبدال والاسترجاع - سهمان دائريان */
        "سياسة الاستبدال والاسترجاع": makeMenuSvg(`
            <path d="M22 30a20 20 0 0 1 33-8"></path>
            <path d="M55 15v12H43"></path>
            <path d="M58 50a20 20 0 0 1-33 8"></path>
            <path d="M25 65V53h12"></path>
            <rect x="31" y="30" width="18" height="18" rx="2"></rect>
        `),

        /* التوصيل والشحن - شاحنة */
        "التوصيل والشحن": makeMenuSvg(`
            <path d="M12 24h34v29H12z"></path>
            <path d="M46 34h11l9 10v9H46z"></path>
            <circle cx="25" cy="57" r="5"></circle>
            <circle cx="56" cy="57" r="5"></circle>
            <path d="M16 31h17"></path>
        `),

        /* دليل اختيار البخور - مبخرة مع علامة اختيار */
        "دليل اختيار البخور المناسب للمجالس والمنزل": makeMenuSvg(`
            <path d="M24 49h32"></path>
            <path d="M28 49l4 13h16l4-13"></path>
            <path d="M31 42h18l4 7H27l4-7z"></path>
            <path d="M36 35c-5-5 3-8-1-14"></path>
            <path d="M44 35c-5-5 3-8-1-14"></path>
            <path d="M55 22l4 4 8-9"></path>
        `),

        /* الفرق بين العود الطبيعي والمحسن - قطعتان مختلفتان */
        "الفرق بين العود الطبيعي والعود المحسن": makeMenuSvg(`
            <path d="M14 49l14-20 14 9-14 20-14-9z"></path>
            <path d="M38 54l14-20 14 9-14 20-14-9z"></path>
            <path d="M21 42l10 7"></path>
            <path d="M47 47l10 7"></path>
            <path d="M51 25l3-6 3 6 6 3-6 3-3 6-3-6-6-3 6-3z"></path>
        `),

        /* طريقة حفظ خشب العود والبخور - صندوق حفظ */
        "طريقة حفظ خشب العود والبخور للحفاظ على الرائحة والجودة": makeMenuSvg(`
            <rect x="16" y="28" width="48" height="34" rx="4"></rect>
            <path d="M20 28l7-10h26l7 10"></path>
            <path d="M26 40h28"></path>
            <path d="M34 50h12"></path>
            <path d="M52 18c4 4 4 8 0 12"></path>
        `),

        /* كيف تختار العود المناسب للمجلس - مجلس/كنبة */
        "كيف تختار العود المناسب للمجلس": makeMenuSvg(`
            <path d="M17 47h46v14H17z"></path>
            <path d="M22 47V34c0-5 4-9 9-9h18c5 0 9 4 9 9v13"></path>
            <path d="M23 61v5"></path>
            <path d="M57 61v5"></path>
            <path d="M33 47V34"></path>
            <path d="M47 47V34"></path>
        `),

        /* الفرق بين أنواع العود حسب المنشأ - كرة أرضية + عود */
        "الفرق بين أنواع العود حسب المنشأ": makeMenuSvg(`
            <circle cx="34" cy="36" r="20"></circle>
            <path d="M14 36h40"></path>
            <path d="M34 16c7 7 9 26 0 40"></path>
            <path d="M34 16c-7 7-9 26 0 40"></path>
            <path d="M49 54l9-13 8 5-9 13-8-5z"></path>
        `),

        /* برنامج التسويق بالعمولة - شبكة ونسبة */
        "برنامج التسويق بالعمولة": makeMenuSvg(`
            <circle cx="26" cy="30" r="7"></circle>
            <circle cx="54" cy="30" r="7"></circle>
            <circle cx="40" cy="54" r="7"></circle>
            <path d="M32 33l8 15"></path>
            <path d="M48 33l-8 15"></path>
            <path d="M33 30h14"></path>
            <path d="M58 50l8-8"></path>
            <circle cx="58" cy="42" r="2"></circle>
            <circle cx="66" cy="50" r="2"></circle>
        `)
    };

    /* صفحات ومقالات: أيقوناتها أصغر قليلًا من التصنيفات الرئيسية */
    const secondaryMenuItems = new Set([
        "من نحن",
        "سياسة الاستبدال والاسترجاع",
        "التوصيل والشحن",
        "دليل اختيار البخور المناسب للمجالس والمنزل",
        "الفرق بين العود الطبيعي والعود المحسن",
        "طريقة حفظ خشب العود والبخور للحفاظ على الرائحة والجودة",
        "كيف تختار العود المناسب للمجلس",
        "الفرق بين أنواع العود حسب المنشأ",
        "برنامج التسويق بالعمولة"
    ]);

    function normalizeMenuText(text) {
        return (text || "")
            .replace(/[أإآ]/g, "ا")
            .replace(/ى/g, "ي")
            .replace(/ة/g, "ه")
            .replace(/\s+/g, " ")
            .trim();
    }

    function findIconForText(text) {
        const normalized = normalizeMenuText(text);
        for (const [name, svg] of Object.entries(menuIcons)) {
            const normalizedName = normalizeMenuText(name);
            if (normalized === normalizedName || normalized.includes(normalizedName)) {
                return svg;
            }
        }
        return null;
    }

    function addMenuIcons() {
        const links = document.querySelectorAll(
            '.mobile-menu a,' +
            '.main-menu a,' +
            '.side-menu a,' +
            '.sidebar a,' +
            '.menu-wrapper a,' +
            '.s-menu a,' +
            '[class*="drawer"] a,' +
            '[class*="mobile-menu"] a,' +
            '[class*="side-menu"] a,' +
            '[class*="menu"] a'
        );

        /* تنظيف أي أيقونة قائمة تسربت سابقًا إلى نافذة العرض */
        document.querySelectorAll(
            '[role="dialog"] .custom-banafah-menu-icon, .modal .custom-banafah-menu-icon'
        ).forEach(function (icon) {
            icon.remove();
        });

        links.forEach(function (link) {
            /* لا نلمس بطاقات وتصنيفات نافذة العرض المنبثقة */
            if (link.closest('[role="dialog"], .modal')) return;

            /* لا نضيف أيقونات إلى تصنيفات أعلى الصفحة */
            if (
                link.closest(".custom-one-row-categories") ||
                link.closest(".quicklinks") ||
                link.closest(".short-menu-items") ||
                link.closest(".right-side.mobile-main-nav")
            ) {
                return;
            }

            if (link.dataset.banafahStyleIcon === "true") return;
            const text = (link.textContent || "").trim();
            if (!text) return;
            const svg = findIconForText(text);
            if (!svg) return;

            link.querySelectorAll(".custom-line-menu-icon, .custom-banafah-menu-icon").forEach(function (oldIcon) {
                oldIcon.remove();
            });

            const iconBox = document.createElement("span");
            iconBox.className = "custom-banafah-menu-icon";
            iconBox.innerHTML = svg;
            iconBox.style.display = "inline-flex";
            iconBox.style.alignItems = "center";
            iconBox.style.justifyContent = "center";
            iconBox.style.color = "#222222";
            iconBox.style.flexShrink = "0";
            iconBox.style.pointerEvents = "none";

            /* الصفحات والمقالات أصغر قليلًا من التصنيفات الرئيسية */
            const normalizedCurrentText = normalizeMenuText(text);

            const isSecondaryItem = Array.from(secondaryMenuItems).some(function (itemName) {
                return normalizedCurrentText === normalizeMenuText(itemName);
            });

            const iconSize = isSecondaryItem ? 46 : 58;
            const svgSize = isSecondaryItem ? 21 : 26;
            const rowHeight = isSecondaryItem ? 58 : 68;

            iconBox.style.width = svgSize + "px";
            iconBox.style.minWidth = svgSize + "px";
            iconBox.style.height = svgSize + "px";
            iconBox.style.marginLeft = "0";

            const svgElement = iconBox.querySelector("svg");
            if (svgElement) {
                svgElement.setAttribute("width", String(svgSize));
                svgElement.setAttribute("height", String(svgSize));
                svgElement.style.width = svgSize + "px";
                svgElement.style.height = svgSize + "px";
            }

            link.style.display = "flex";
            link.style.alignItems = "center";
            link.style.justifyContent = "flex-start";
            link.style.gap = "0";
            link.style.minHeight = rowHeight + "px";

            link.style.textDecoration = "none";

            link.prepend(iconBox);
            link.dataset.banafahStyleIcon = "true";
        });
    }

    addMenuIcons();

    const observer = new MutationObserver(function () {
        addMenuIcons();
    });

    observer.observe(document.body, {
        childList: true,
        subtree: true
    });

});

/* =========================================================
   إصلاح صف التصنيفات العلوي بدون أيقونات
   - الأسماء فقط في أعلى الصفحة
   - الأيقونات تبقى في القائمة الجانبية وبقية الأماكن
   ========================================================= */

document.addEventListener("DOMContentLoaded", function () {

    function cleanTopCategoryIcons() {

        const topLinks = document.querySelectorAll(
            ".custom-one-row-categories a, " +
            ".quicklinks a, " +
            ".quicklinks .main-menu-item, " +
            ".short-menu-items a, " +
            ".right-side.mobile-main-nav .short-menu-items a, " +
            ".right-side.mobile-main-nav .main-menu-item"
        );

        topLinks.forEach(function (link) {

            /* حذف أيقوناتنا فقط من شريط التصنيفات العلوي */
            link.querySelectorAll(
                ".custom-banafah-menu-icon, .custom-line-menu-icon"
            ).forEach(function (icon) {
                icon.remove();
            });

            /* السماح لكود القائمة الجانبية بالعمل على نسخ أخرى من الرابط */
            delete link.dataset.banafahStyleIcon;

            /* إعادة الرابط إلى شكل نصي خفيف */
            if (
                link.closest(".custom-one-row-categories") ||
                link.closest(".quicklinks") ||
                link.closest(".short-menu-items") ||
                link.closest(".right-side.mobile-main-nav")
            ) {
                link.style.display = "inline-flex";
                link.style.alignItems = "center";
                link.style.justifyContent = "center";
                link.style.gap = "0";
                link.style.minHeight = "0";
                link.style.height = "auto";
            }
        });
    }


    cleanTopCategoryIcons();


    const observer = new MutationObserver(function () {
        cleanTopCategoryIcons();
    });

    observer.observe(document.body, {
        childList: true,
        subtree: true
    });

});

/* =========================================================
   ترتيب روابط المعلومات في أسفل قائمة الجوال - حل آمن
   الفكرة:
   1) إخفاء النسخ الأصلية في موضعها الحالي.
   2) إنشاء نسخة جديدة في أسفل القائمة بعد "برنامج التسويق بالعمولة".
   3) عدم حذف أو نقل بنية قائمة سلة الأصلية حتى لا يتعطل زر القائمة.
   ========================================================= */

document.addEventListener("DOMContentLoaded", function () {

    const MOBILE_INFO_LINKS = [
        {
            text: "من نحن",
            href: "https://alkhalijiaoud.com/من-نحن/page-1882485743"
        },
        {
            text: "سياسة الاستبدال والاسترجاع",
            href: "https://alkhalijiaoud.com/سياسة-الاستبدال-والاسترجاع/page-38419701"
        },
        {
            text: "التوصيل والشحن",
            href: "https://alkhalijiaoud.com/التوصيل-والشحن/page-1764185801"
        }
    ];


    function cleanText(value) {
        return (value || "")
            .replace(/\s+/g, " ")
            .trim();
    }


    function isVisible(el) {

        if (!el) return false;

        const rect = el.getBoundingClientRect();
        const style = window.getComputedStyle(el);

        return (
            rect.width > 0 &&
            rect.height > 0 &&
            style.display !== "none" &&
            style.visibility !== "hidden"
        );
    }


    function findVisibleLinkByText(text) {

        return Array.from(document.querySelectorAll("a"))
            .filter(isVisible)
            .find(function (link) {
                return cleanText(link.textContent) === text;
            }) || null;
    }


    function commonAncestor(elements) {

        if (
            !elements.length ||
            elements.some(function (el) { return !el; })
        ) {
            return null;
        }

        let node = elements[0];

        while (
            node &&
            node !== document.body &&
            node !== document.documentElement
        ) {

            if (
                elements.every(function (el) {
                    return node.contains(el);
                })
            ) {
                return node;
            }

            node = node.parentElement;
        }

        return null;
    }


    function directChildUnder(parent, element) {

        let node = element;

        while (
            node &&
            node.parentElement &&
            node.parentElement !== parent
        ) {
            node = node.parentElement;
        }

        return (
            node &&
            node.parentElement === parent
        ) ? node : null;
    }


    function hideOriginalInfoLinks(infoLinks) {

        infoLinks.forEach(function (link) {

            if (!link) return;

            /*
               نخفي نفس الرابط فقط.
               لا نحذف الأب أو li حتى لا نؤثر على بنية قائمة سلة.
            */
            link.style.display = "none";
            link.style.visibility = "hidden";
            link.style.height = "0";
            link.style.minHeight = "0";
            link.style.margin = "0";
            link.style.padding = "0";
            link.style.overflow = "hidden";

            link.dataset.mobileInfoOriginalHidden = "true";
        });
    }


    function createBottomBox() {

        const box = document.createElement("div");
        box.className = "custom-mobile-info-bottom";

        box.style.width = "100%";
        box.style.boxSizing = "border-box";
        box.style.marginTop = "24px";
        box.style.padding = "18px 16px 28px";
        box.style.borderTop = "1px solid #e5e5e5";
        box.style.display = "flex";
        box.style.flexDirection = "column";
        box.style.alignItems = "stretch";
        box.style.gap = "14px";

        MOBILE_INFO_LINKS.forEach(function (item) {

            const a = document.createElement("a");

            a.href = item.href;
            a.textContent = item.text;

            a.style.display = "block";
            a.style.width = "100%";
            a.style.boxSizing = "border-box";

            a.style.padding = "3px 0";

            a.style.color = "#222222";
            a.style.fontSize = "15px";
            a.style.fontWeight = "500";
            a.style.lineHeight = "1.7";

            a.style.textDecoration = "none";
            a.style.textAlign = "right";

            box.appendChild(a);
        });

        return box;
    }


    function installMobileBottomInfoLinks() {

        if (window.innerWidth > 991) {
            return;
        }

        /*
           العثور على الروابط الأصلية الثلاثة الظاهرة.
        */
        const infoLinks = MOBILE_INFO_LINKS.map(function (item) {
            return findVisibleLinkByText(item.text);
        });

        /*
           نحتاج أيضًا إلى آخر عنصر ظاهر في القائمة:
           "برنامج التسويق بالعمولة"
        */
        const affiliateLink = findVisibleLinkByText(
            "برنامج التسويق بالعمولة"
        );

        if (
            infoLinks.some(function (link) { return !link; }) ||
            !affiliateLink
        ) {
            return;
        }


        /*
           نوجد حاوية مشتركة تضم الروابط الثلاثة + آخر رابط.
           هذه غالبًا هي محتويات درج الجوال.
        */
        const container = commonAncestor([
            infoLinks[0],
            infoLinks[1],
            infoLinks[2],
            affiliateLink
        ]);

        if (
            !container ||
            container === document.body ||
            container === document.documentElement
        ) {
            return;
        }


        /*
           نخفي النسخ الأصلية في الأعلى.
        */
        hideOriginalInfoLinks(infoLinks);


        /*
           منع إنشاء أكثر من نسخة.
        */
        let bottomBox = container.querySelector(
            ".custom-mobile-info-bottom"
        );

        if (!bottomBox) {
            bottomBox = createBottomBox();
        }


        /*
           نحدد العنصر المباشر الذي يحتوي
           "برنامج التسويق بالعمولة".
        */
        const affiliateItem = directChildUnder(
            container,
            affiliateLink
        );


        /*
           إذا تمكنا من تحديده، نضع الروابط بعده مباشرة.
           وإلا نضعها في نهاية الحاوية.
        */
        if (affiliateItem) {

            if (affiliateItem.nextSibling) {
                container.insertBefore(
                    bottomBox,
                    affiliateItem.nextSibling
                );
            } else {
                container.appendChild(bottomBox);
            }

        } else {

            container.appendChild(bottomBox);

        }
    }


    function runMobileInfoFix() {

        installMobileBottomInfoLinks();

        /*
           سلة تنشئ القائمة أحيانًا بعد الفتح،
           لذلك نعيد المحاولة عدة مرات قصيرة.
        */
        setTimeout(installMobileBottomInfoLinks, 120);
        setTimeout(installMobileBottomInfoLinks, 350);
        setTimeout(installMobileBottomInfoLinks, 700);
    }


    runMobileInfoFix();


    const observer = new MutationObserver(function () {

        if (window.innerWidth <= 991) {
            installMobileBottomInfoLinks();
        }

    });

    observer.observe(document.body, {
        childList: true,
        subtree: true
    });


    window.addEventListener("resize", function () {

        if (window.innerWidth <= 991) {
            runMobileInfoFix();
        }

    });

});
/* =========================================================
   إصلاح قائمة الجوال والهيدر
   روائع الخليجية للعود
   ========================================================= */

(function () {

    const MOBILE_MAX = 991;

    function isMobile() {
        return window.innerWidth <= MOBILE_MAX;
    }

    function isVisible(el) {

        if (!el) return false;

        const rect = el.getBoundingClientRect();
        const style = window.getComputedStyle(el);

        return (
            rect.width > 0 &&
            rect.height > 0 &&
            style.display !== "none" &&
            style.visibility !== "hidden"
        );
    }


    /* =====================================================
       1) إضافة تنسيق الجوال
       ===================================================== */

    function addMobileStyles() {

        if (document.getElementById("rg-mobile-menu-fix")) {
            return;
        }

        const style = document.createElement("style");

        style.id = "rg-mobile-menu-fix";

        style.textContent = `

        @media (max-width: 991px) {

            /* ==========================================
               عرض قائمة التصنيفات الجانبية
               ========================================== */

            .rg-mobile-drawer {

                width: 78vw !important;
                max-width: 430px !important;
                min-width: 280px !important;

                right: 0 !important;
                left: auto !important;

                box-sizing: border-box !important;

                overflow-x: hidden !important;
                overflow-y: auto !important;

                background: #ffffff !important;
            }


            /* ==========================================
               ترتيب محتويات القائمة
               ========================================== */

            .rg-mobile-drawer a {

                box-sizing: border-box !important;
                max-width: 100% !important;

            }


            /* المحافظة على أيقونات التصنيفات */
            .rg-mobile-drawer .custom-banafah-menu-icon {

                flex: 0 0 auto !important;

                overflow: visible !important;

            }


            /* ==========================================
               مجموعة المستخدم + الثلاثة خطوط
               ========================================== */

            .rg-mobile-header-actions {

                position: absolute !important;

                top: 18px !important;
                right: 14px !important;

                display: flex !important;

                flex-direction: row !important;

                align-items: center !important;
                justify-content: flex-end !important;

                gap: 6px !important;

                width: auto !important;
                height: 46px !important;

                z-index: 999999 !important;

                overflow: visible !important;

                pointer-events: auto !important;
            }


            .rg-mobile-header-actions > * {

                position: relative !important;

                top: auto !important;
                right: auto !important;
                bottom: auto !important;
                left: auto !important;

                margin: 0 !important;

                width: 40px !important;
                min-width: 40px !important;

                height: 40px !important;
                min-height: 40px !important;

                display: inline-flex !important;

                align-items: center !important;
                justify-content: center !important;

                visibility: visible !important;
                opacity: 1 !important;

                overflow: visible !important;

                pointer-events: auto !important;
            }


            /* ==========================================
               زر الثلاثة خطوط
               ========================================== */

            .rg-mobile-menu-button {

                overflow: visible !important;
            }


            .rg-mobile-menu-button * {

                overflow: visible !important;
            }


            .rg-mobile-menu-button svg {

                width: 30px !important;
                height: 30px !important;

                max-width: none !important;
                max-height: none !important;
            }


            .rg-mobile-menu-button i,

            .rg-mobile-menu-button .sicon-menu,

            .rg-mobile-menu-button [class*="menu"] {

                font-size: 29px !important;

                line-height: 1 !important;
            }


            /* ==========================================
               أيقونة المستخدم
               ========================================== */

            .rg-mobile-user-button svg {

                width: 27px !important;
                height: 27px !important;

                max-width: none !important;
                max-height: none !important;
            }


            .rg-mobile-user-button i,

            .rg-mobile-user-button .sicon-user,

            .rg-mobile-user-button [class*="user"],

            .rg-mobile-user-button [class*="account"] {

                font-size: 27px !important;

                line-height: 1 !important;
            }

        }

        `;

        document.head.appendChild(style);
    }



    /* =====================================================
       2) إيجاد العنصر القابل للنقر
       ===================================================== */

    function getClickable(el) {

        if (!el) return null;

        return (
            el.closest(
                "button, a, [role='button']"
            ) || el
        );
    }



    /* =====================================================
       3) البحث عن زر الثلاثة خطوط
       ===================================================== */

    function findMenuButton(header) {

        if (!header) return null;


        const selectors = [

            "button[aria-label*='menu' i]",

            "button[title*='menu' i]",

            "[class*='menu-toggle']",

            "[class*='menu-trigger']",

            "[class*='hamburger']",

            ".sicon-menu"

        ];


        for (const selector of selectors) {

            const elements =
                header.querySelectorAll(selector);


            for (const el of elements) {

                const button = getClickable(el);

                if (isVisible(button)) {
                    return button;
                }

            }

        }


        /* بحث احتياطي */

        const buttons =
            header.querySelectorAll(
                "button, a, [role='button']"
            );


        for (const button of buttons) {

            if (!isVisible(button)) continue;


            const value = (

                (button.className || "") + " " +

                (button.getAttribute("aria-label") || "") + " " +

                (button.getAttribute("title") || "")

            ).toLowerCase();


            if (
                value.includes("menu") ||
                value.includes("hamburger")
            ) {

                return button;

            }

        }


        return null;
    }



    /* =====================================================
       4) البحث عن أيقونة المستخدم
       ===================================================== */

    function findUserButton(header) {

        if (!header) return null;


        const selectors = [

            "a[href*='/profile']",

            "a[href*='/account']",

            "a[href*='/login']",

            "button[aria-label*='account' i]",

            "button[aria-label*='user' i]",

            "button[title*='account' i]",

            "button[title*='user' i]",

            ".sicon-user",

            "[class*='user-icon']",

            "[class*='account-icon']"

        ];


        for (const selector of selectors) {

            const elements =
                header.querySelectorAll(selector);


            for (const el of elements) {

                const button = getClickable(el);

                if (isVisible(button)) {

                    return button;

                }

            }

        }


        return null;
    }



    /* =====================================================
       5) وضع المستخدم بجانب الثلاثة خطوط
       ===================================================== */

    function arrangeHeaderButtons() {

        if (!isMobile()) return;


        const header =

            document.querySelector("header") ||

            document.querySelector(".store-header") ||

            document.querySelector(
                "[class*='header']"
            );


        if (!header) return;


        const menuButton =
            findMenuButton(header);


        if (!menuButton) return;


        const userButton =
            findUserButton(header);


        menuButton.classList.add(
            "rg-mobile-menu-button"
        );


        if (
            userButton &&
            userButton !== menuButton
        ) {

            userButton.classList.add(
                "rg-mobile-user-button"
            );

        }


        let wrapper =
            header.querySelector(
                ".rg-mobile-header-actions"
            );


        if (!wrapper) {

            wrapper =
                document.createElement("div");


            wrapper.className =
                "rg-mobile-header-actions";


            header.appendChild(wrapper);
        }


        /*
          أيقونة المستخدم أولاً
          ثم زر الثلاثة خطوط
          لتظهر بالشكل المشابه للصورة المرجعية
        */

        if (
            userButton &&
            userButton !== menuButton &&
            userButton.parentElement !== wrapper
        ) {

            wrapper.appendChild(userButton);

        }


        if (
            menuButton.parentElement !== wrapper
        ) {

            wrapper.appendChild(menuButton);

        }

    }



    /* =====================================================
       6) تحديد قائمة التصنيفات المفتوحة
       ===================================================== */

    const CATEGORY_NAMES = [

        "البخور",

        "معطرات اجواء شرقية",

        "معطرات اجواء فرنسية",

        "العود الطبيعي المحسن",

        "عروض البكجات والهدايا",

        "العود الطبيعي",

        "دهن العود"

    ];


    function cleanText(value) {

        return (value || "")
            .replace(/\s+/g, " ")
            .trim();
    }



    function getMenuHits(element) {

        const text =
            cleanText(element.textContent);


        let count = 0;


        CATEGORY_NAMES.forEach(function (name) {

            if (text.includes(name)) {

                count++;

            }

        });


        return count;
    }



    function isMenuCandidate(element) {

        if (!isVisible(element)) {
            return false;
        }

        /* نافذة العرض ليست قائمة جوال */
        if (
            element.matches('[role="dialog"], .modal') ||
            element.closest('[role="dialog"], .modal') ||
            element.dataset.rgOfferPopup === "true" ||
            element.classList.contains("rg-compact-offer-strip")
        ) {
            return false;
        }


        const rect =
            element.getBoundingClientRect();


        /*
          لا نختار عناصر صغيرة
        */

        if (
            rect.height <
            window.innerHeight * 0.45
        ) {

            return false;
        }


        if (
            rect.width <
            window.innerWidth * 0.45
        ) {

            return false;
        }


        /*
          يجب أن يحتوي أكثر من تصنيف
        */

        if (
            getMenuHits(element) < 2
        ) {

            return false;
        }


        const style =
            window.getComputedStyle(element);


        const positioned =

            style.position === "fixed" ||

            style.position === "absolute" ||

            style.position === "sticky";


        const identity = (

            (element.className || "") + " " +

            (element.id || "") + " " +

            (element.getAttribute("role") || "")

        ).toLowerCase();


        const looksLikeMenu =

            identity.includes("menu") ||

            identity.includes("drawer") ||

            identity.includes("sidebar") ||

            identity.includes("offcanvas");


        /*
          مهم:
          يمنع اختيار محتوى الصفحة الرئيسية
          بدل درج القائمة
        */

        return positioned || looksLikeMenu;
    }



    /* =====================================================
       7) جعل القائمة جزئية العرض
       ===================================================== */

    function resizeMobileDrawer() {

        if (!isMobile()) return;


        /*
          إزالة العلامة القديمة فقط
          ثم البحث عن القائمة المفتوحة حاليًا
        */

        document
            .querySelectorAll(
                ".rg-mobile-drawer"
            )
            .forEach(function (element) {

                element.classList.remove(
                    "rg-mobile-drawer"
                );

            });

        document.querySelectorAll('[role="dialog"], .modal').forEach(function (dialog) {
            dialog.classList.remove("rg-mobile-drawer");
        });



        const candidates =
            document.querySelectorAll(

                "aside, " +

                "nav, " +

                "section, " +

                "[class*='drawer'], " +

                "[class*='sidebar'], " +

                "[class*='mobile-menu'], " +

                "[class*='side-menu'], " +

                "div"

            );


        let best = null;

        let bestArea = Infinity;


        candidates.forEach(function (element) {

            if (!isMenuCandidate(element)) {
                return;
            }


            const rect =
                element.getBoundingClientRect();


            const area =
                rect.width * rect.height;


            /*
              نختار أصغر حاوية حقيقية
              تحتوي على التصنيفات
            */

            if (area < bestArea) {

                bestArea = area;

                best = element;

            }

        });


        if (!best) return;



        /*
          أحيانًا تكون الحاوية المختارة
          غلافًا يغطي الشاشة كلها،
          ونحتاج الابن الداخلي الأبيض فقط.
        */

        const bestRect =
            best.getBoundingClientRect();


        let panel = best;


        if (
            bestRect.width >
            window.innerWidth * 0.92
        ) {


            const children =
                Array.from(best.children);


            const possiblePanels =
                children.filter(function (child) {


                    if (!isVisible(child)) {
                        return false;
                    }


                    const rect =
                        child.getBoundingClientRect();


                    return (

                        rect.height >
                        window.innerHeight * 0.45 &&

                        getMenuHits(child) >= 2

                    );

                });


            if (possiblePanels.length) {


                possiblePanels.sort(
                    function (a, b) {

                        return (
                            a.getBoundingClientRect().width -
                            b.getBoundingClientRect().width
                        );

                    }
                );


                panel =
                    possiblePanels[0];

            }

        }


        panel.classList.add(
            "rg-mobile-drawer"
        );

    }



    /* =====================================================
       8) التشغيل
       ===================================================== */

    function runMobileFix() {

        if (!isMobile()) return;


        addMobileStyles();

        arrangeHeaderButtons();

        resizeMobileDrawer();


        /*
          لأن سلة تنشئ القائمة بعد الضغط
        */

        setTimeout(
            arrangeHeaderButtons,
            100
        );

        setTimeout(
            resizeMobileDrawer,
            100
        );


        setTimeout(
            arrangeHeaderButtons,
            300
        );

        setTimeout(
            resizeMobileDrawer,
            300
        );


        setTimeout(
            arrangeHeaderButtons,
            700
        );

        setTimeout(
            resizeMobileDrawer,
            700
        );

    }



    if (
        document.readyState === "loading"
    ) {

        document.addEventListener(
            "DOMContentLoaded",
            runMobileFix
        );

    } else {

        runMobileFix();

    }



    /* =====================================================
       9) مراقبة فتح القائمة
       ===================================================== */

    const observer =
        new MutationObserver(function () {


            if (!isMobile()) return;


            arrangeHeaderButtons();

            resizeMobileDrawer();

        });


    observer.observe(
        document.body,
        {

            childList: true,

            subtree: true

        }
    );



    /* =====================================================
       10) عند تغيير حجم الشاشة
       ===================================================== */

    window.addEventListener(
        "resize",
        function () {

            if (isMobile()) {

                runMobileFix();

            }

        }
    );


})();
/* =========================================================
   إصلاح نهائي: النص المتحرك + ألوان أيقونات الهيدر في الجوال
   روائع الخليجية للعود
   ========================================================= */

(function () {

    const MOBILE_MAX = 991;
    const BOX_ID = "oud-typing-box";
    const TEXT_ID = "oud-typing-text";
    const STYLE_ID = "rg-final-hero-typing-style";

    const texts = [
        "روائع العود... تبدأ من هنا",
        "مختارات فاخرة لعشّاق العود"
    ];

    const typingSpeed = 90;
    const stayTime = 2000;
    const fadeTime = 600;

    let menuOpenedByUser = false;


    /* =====================================================
       1) تنسيق النص + إجبار أيقونات الهيدر على الأبيض في الجوال
       ===================================================== */

    function addFinalStyles() {

        let old = document.getElementById(STYLE_ID);

        if (old) {
            old.remove();
        }

        const style = document.createElement("style");
        style.id = STYLE_ID;

        style.textContent = `
            #${BOX_ID} {
                position: absolute !important;
                top: 50% !important;
                left: 50% !important;
                right: auto !important;
                bottom: auto !important;

                transform: translate(-50%, -50%) !important;

                width: 94% !important;
                max-width: 94% !important;

                display: flex !important;
                align-items: center !important;
                justify-content: center !important;

                visibility: visible !important;
                opacity: 1 !important;

                text-align: center !important;
                direction: rtl !important;

                z-index: 5000 !important;

                pointer-events: none !important;
                margin: 0 !important;
                padding: 0 !important;
            }

            #${TEXT_ID} {
                display: inline-block !important;

                color: #ffffff !important;

                font-size: 38px !important;
                font-weight: 700 !important;
                line-height: 1.5 !important;

                white-space: nowrap !important;
                text-align: center !important;
                direction: rtl !important;

                text-shadow:
                    0 2px 6px rgba(0,0,0,.85),
                    0 0 12px rgba(0,0,0,.50) !important;
            }

            #${TEXT_ID}::after {
                content: "|" !important;
                display: inline-block !important;
                margin-right: 4px !important;
                color: #ffffff !important;
                animation: rgFinalCursor .7s infinite !important;
            }

            @keyframes rgFinalCursor {
                0%, 50% { opacity: 1; }
                51%, 100% { opacity: 0; }
            }

            @media (max-width: 991px) {

                #${BOX_ID} {
                    top: 50% !important;
                    width: 94% !important;
                    max-width: 94% !important;
                    z-index: 5000 !important;
                }

                #${TEXT_ID} {
                    font-size: 22px !important;
                    font-weight: 700 !important;
                    white-space: nowrap !important;
                }

                /* ==========================================
                   أيقونات الهيدر فوق البنر = أبيض
                   ========================================== */

                body.store-real-home header button,
                body.store-real-home header a,
                body.store-real-home .store-header button,
                body.store-real-home .store-header a,
                body.store-real-home .rg-mobile-header-actions,
                body.store-real-home .rg-mobile-header-actions *,
                body.store-real-home .rg-mobile-menu-button,
                body.store-real-home .rg-mobile-menu-button *,
                body.store-real-home .rg-mobile-user-button,
                body.store-real-home .rg-mobile-user-button * {
                    color: #ffffff !important;
                }

                body.store-real-home header button svg,
                body.store-real-home header a svg,
                body.store-real-home .store-header button svg,
                body.store-real-home .store-header a svg,
                body.store-real-home .rg-mobile-header-actions svg {
                    color: #ffffff !important;
                    stroke: #ffffff !important;
                }

                body.store-real-home header button svg *,
                body.store-real-home header a svg *,
                body.store-real-home .store-header button svg *,
                body.store-real-home .store-header a svg *,
                body.store-real-home .rg-mobile-header-actions svg * {
                    stroke: #ffffff !important;
                }

                /* الأيقونات التي تعتمد على fill */
                body.store-real-home header button i,
                body.store-real-home header a i,
                body.store-real-home .store-header button i,
                body.store-real-home .store-header a i {
                    color: #ffffff !important;
                }
            }

            @media (max-width: 390px) {
                #${TEXT_ID} {
                    font-size: 19px !important;
                }
            }
        `;

        document.head.appendChild(style);
    }


    /* =====================================================
       2) فحص ظهور العنصر
       ===================================================== */

    function isVisible(el) {

        if (!el) return false;

        const rect = el.getBoundingClientRect();
        const style = window.getComputedStyle(el);

        return (
            rect.width > 0 &&
            rect.height > 0 &&
            style.display !== "none" &&
            style.visibility !== "hidden"
        );
    }


    /* =====================================================
       3) العثور على البنر الأول فقط
       ===================================================== */

    function findHeroImage() {

        const selectors = [
            "main salla-slider picture img",
            "main .swiper picture img",
            "main .swiper-slide img",
            "main salla-slider img",
            "main [class*='slider'] img",
            "main [class*='banner'] img",
            "main picture img",
            ".swiper-slide img",
            "salla-slider img"
        ];

        const images = [];

        selectors.forEach(function (selector) {

            document.querySelectorAll(selector).forEach(function (img) {

                if (!images.includes(img)) {
                    images.push(img);
                }

            });

        });


        const candidates = images.filter(function (img) {

            if (!isVisible(img)) return false;

            const rect = img.getBoundingClientRect();

            return (
                rect.top < window.innerHeight &&
                rect.bottom > 80 &&
                rect.width >= window.innerWidth * 0.50 &&
                rect.height >= 120
            );
        });


        if (!candidates.length) {
            return null;
        }


        candidates.sort(function (a, b) {

            const ra = a.getBoundingClientRect();
            const rb = b.getBoundingClientRect();

            return ra.top - rb.top;

        });


        return candidates[0];
    }


    function findHeroContainer() {

        const img = findHeroImage();

        if (!img) return null;

        /*
           مهم جدًا:
           نضع النص فوق حاوية السلايدر الثابتة، وليس داخل
           .swiper-slide لأن الشريحة تتبدل ويختفي النص معها.
        */
        return (
            img.closest("salla-slider") ||
            img.closest(".swiper") ||
            img.closest("[class*='swiper-container']") ||
            img.closest("[class*='slider']") ||
            img.closest("[class*='banner']") ||
            img.closest("section") ||
            img.closest("a") ||
            img.parentElement
        );
    }


    /* =====================================================
       4) إنشاء النص داخل البنر
       ===================================================== */

    function installTypingBox() {

        let box = document.getElementById(BOX_ID);

        if (box) {
            return box;
        }


        const hero = findHeroContainer();

        if (!hero) {
            return null;
        }


        if (window.getComputedStyle(hero).position === "static") {
            hero.style.setProperty(
                "position",
                "relative",
                "important"
            );
        }


        /*
           لا نستخدم overflow:hidden على الحاوية
           حتى لا نخفي عناصر الهيدر بالخطأ.
        */


        box = document.createElement("div");
        box.id = BOX_ID;


        const span = document.createElement("span");
        span.id = TEXT_ID;


        box.appendChild(span);
        hero.appendChild(box);


        return box;
    }


    /* =====================================================
       5) تأثير الكتابة
       ===================================================== */

    function startTyping() {

        const box = document.getElementById(BOX_ID);
        const textElement = document.getElementById(TEXT_ID);

        if (!box || !textElement) {
            return;
        }


        if (box.dataset.typingStarted === "true") {
            return;
        }


        box.dataset.typingStarted = "true";


        let textIndex = 0;
        let characterIndex = 0;


        function typeText() {

            const currentText = texts[textIndex];


            if (characterIndex < currentText.length) {

                textElement.textContent +=
                    currentText.charAt(characterIndex);

                characterIndex++;

                setTimeout(
                    typeText,
                    typingSpeed
                );

                return;
            }


            setTimeout(function () {

                textElement.style.transition =
                    "opacity " + fadeTime + "ms ease";

                textElement.style.opacity = "0";


                setTimeout(function () {

                    textElement.textContent = "";

                    characterIndex = 0;

                    textIndex =
                        (textIndex + 1) % texts.length;

                    textElement.style.opacity = "1";

                    typeText();

                }, fadeTime);

            }, stayTime);
        }


        typeText();
    }


    /* =====================================================
       6) ضبط ألوان جميع أيقونات الهيدر بالجوال مباشرة
       ===================================================== */

    function forceMobileHeaderWhite() {

        if (
            window.innerWidth > MOBILE_MAX ||
            !document.body.classList.contains("store-real-home")
        ) {
            return;
        }


        const header =
            document.querySelector("header") ||
            document.querySelector(".store-header");


        if (!header) {
            return;
        }


        /*
           نلوّن عناصر التحكم فقط:
           زر القائمة، المستخدم، البحث، السلة وأشباهها.
        */
        const controls =
            header.querySelectorAll(
                "button, [role='button'], " +
                "a[href*='cart'], a[href*='search'], " +
                "a[href*='account'], a[href*='profile'], a[href*='login'], " +
                ".rg-mobile-menu-button, .rg-mobile-user-button, " +
                "[class*='cart'], [class*='search'], [class*='menu'], [class*='user'], [class*='account']"
            );


        controls.forEach(function (control) {

            control.style.setProperty(
                "color",
                "#ffffff",
                "important"
            );


            control.querySelectorAll("svg").forEach(function (svg) {

                svg.style.setProperty(
                    "color",
                    "#ffffff",
                    "important"
                );

                svg.style.setProperty(
                    "stroke",
                    "#ffffff",
                    "important"
                );


                svg.querySelectorAll("*").forEach(function (part) {

                    const computedFill =
                        window.getComputedStyle(part).fill;

                    part.style.setProperty(
                        "stroke",
                        "#ffffff",
                        "important"
                    );


                    /*
                       لا نحول fill:none إلى أبيض،
                       لكن أي تعبئة داكنة فعلية تصبح بيضاء.
                    */
                    if (
                        computedFill &&
                        computedFill !== "none" &&
                        computedFill !== "rgba(0, 0, 0, 0)"
                    ) {

                        part.style.setProperty(
                            "fill",
                            "#ffffff",
                            "important"
                        );
                    }

                });

            });


            control.querySelectorAll("i").forEach(function (icon) {

                icon.style.setProperty(
                    "color",
                    "#ffffff",
                    "important"
                );

            });

        });
    }


    /* =====================================================
       7) فتح/إغلاق القائمة الجانبية
       نعتمد على نقرة المستخدم وليس اكتشافًا خاطئًا عند التحميل
       ===================================================== */

    function setTypingVisible(visible) {

        const box = document.getElementById(BOX_ID);

        if (!box) return;


        box.style.setProperty(
            "visibility",
            visible ? "visible" : "hidden",
            "important"
        );

        box.style.setProperty(
            "opacity",
            visible ? "1" : "0",
            "important"
        );
    }


    function isMenuButton(target) {

        return Boolean(
            target.closest(
                ".rg-mobile-menu-button, " +
                "button[aria-label*='menu' i], " +
                "button[title*='menu' i], " +
                "[class*='menu-toggle'], " +
                "[class*='menu-trigger'], " +
                "[class*='hamburger'], " +
                ".sicon-menu"
            )
        );
    }


    function isDrawerCloseAction(target) {

        return Boolean(
            target.closest(
                ".rg-mobile-drawer a, " +
                ".rg-mobile-drawer button, " +
                "[aria-label*='close' i], " +
                "[class*='close']"
            )
        );
    }


    document.addEventListener(
        "click",
        function (event) {

            if (window.innerWidth > MOBILE_MAX) {
                return;
            }


            if (isMenuButton(event.target)) {

                /*
                   نبدل الحالة عند كل ضغطة على زر القائمة.
                */
                menuOpenedByUser = !menuOpenedByUser;

                setTypingVisible(
                    !menuOpenedByUser
                );

                return;
            }


            if (
                menuOpenedByUser &&
                isDrawerCloseAction(event.target)
            ) {

                menuOpenedByUser = false;

                setTimeout(function () {
                    setTypingVisible(true);
                }, 150);
            }

        },
        true
    );


    /* =====================================================
       8) التشغيل وإعادة المحاولة حتى يظهر البنر
       ===================================================== */

    function runFeature() {

        addFinalStyles();

        /*
           النص خاص بواجهة المتجر الرئيسية فقط.
           إذا انتقل الزائر إلى تصنيف أو منتج نحذفه فورًا.
        */
        if (!document.body.classList.contains("store-real-home")) {

            const oldBox = document.getElementById(BOX_ID);

            if (oldBox) {
                oldBox.remove();
            }

            return false;
        }

        const box =
            installTypingBox();

        if (!box) {
            return false;
        }


        /*
           في البداية نجبر النص على الظهور.
        */
        setTypingVisible(true);

        startTyping();

        forceMobileHeaderWhite();


        return true;
    }


    function initFeature() {

        let attempts = 0;

        const timer =
            setInterval(function () {

                attempts++;

                const ready =
                    runFeature();

                if (
                    ready ||
                    attempts >= 80
                ) {

                    clearInterval(timer);
                }

            }, 200);


        runFeature();


        const observer =
            new MutationObserver(function () {

                if (!document.body.classList.contains("store-real-home")) {

                    const oldBox = document.getElementById(BOX_ID);

                    if (oldBox) {
                        oldBox.remove();
                    }

                    return;
                }

                if (!document.getElementById(BOX_ID)) {
                    runFeature();
                }

                forceMobileHeaderWhite();

            });


        observer.observe(
            document.body,
            {
                childList: true,
                subtree: true
            }
        );


        window.addEventListener(
            "resize",
            function () {

                forceMobileHeaderWhite();

                if (window.innerWidth > MOBILE_MAX) {

                    menuOpenedByUser = false;
                    setTypingVisible(true);

                }

            }
        );


        /*
           إعادة فرض اللون الأبيض بعد اكتمال تحميل سلة
        */
        setTimeout(forceMobileHeaderWhite, 300);
        setTimeout(forceMobileHeaderWhite, 800);
        setTimeout(forceMobileHeaderWhite, 1500);
        setTimeout(forceMobileHeaderWhite, 3000);
    }


    if (document.readyState === "loading") {

        document.addEventListener(
            "DOMContentLoaded",
            initFeature
        );

    } else {

        initFeature();
    }

})();
iconBox.style.display = "flex";
iconBox.style.alignItems = "center";
iconBox.style.justifyContent = "center";
iconBox.style.width = "100%";
iconBox.style.height = "auto";
iconBox.style.marginBottom = "6px";
iconBox.style.textAlign = "center";
iconBox.style.color = "#d8a35d";

if (icon.trim().startsWith("<svg")) {
    iconBox.innerHTML = icon;

    const svg = iconBox.querySelector("svg");

    if (svg) {
        svg.style.width = "42px";
        svg.style.height = "42px";
        svg.style.maxWidth = "42px";
        svg.style.maxHeight = "42px";
    }

} else {

    iconBox.textContent = icon;
    iconBox.style.fontSize = "42px";
    iconBox.style.lineHeight = "1";
}

/* =========================================================
   روائع الخليجية للعود - فوتر نظيف نهائي
   1) تحديد حاوية الفوتر الخارجية مرة واحدة
   2) جمع شعارات الدفع التي تأتي بعد حقوق النشر في صف أفقي جديد
   ========================================================= */
(function () {

    function cleanText(v) {
        return (v || '').replace(/\s+/g, ' ').trim();
    }

    function visible(el) {
        if (!el) return false;
        const r = el.getBoundingClientRect();
        const s = getComputedStyle(el);
        return r.width > 0 && r.height > 0 && s.display !== 'none' && s.visibility !== 'hidden';
    }

    function findCopyrightElement() {
        const nodes = Array.from(document.querySelectorAll('div, p, span, small'));
        return nodes.find(function (el) {
            const t = cleanText(el.textContent);
            return t.includes('جميع الحقوق محفوظة');
        }) || null;
    }

    function findFooterShell() {
        const copyright = findCopyrightElement();
        if (!copyright) return null;

        let node = copyright.parentElement;
        let best = null;

        while (node && node !== document.body) {
            const t = cleanText(node.textContent);
            const hasContact = !!node.querySelector('a[href^="mailto:"], a[href^="tel:"]');
            const hasRecord = t.includes('السجل التجاري') || t.includes('موثق لدى') || t.includes('من نحن');
            const linkCount = node.querySelectorAll('a').length;
            const r = node.getBoundingClientRect();

            if (hasContact && hasRecord && linkCount >= 5 && r.width > window.innerWidth * 0.70) {
                best = node;
            }

            node = node.parentElement;
        }

        return best;
    }

    function markOnlyFooterShell(shell) {
        document.querySelectorAll('.rg-footer-shell-final').forEach(function (el) {
            if (el !== shell) el.classList.remove('rg-footer-shell-final');
        });
        if (shell) shell.classList.add('rg-footer-shell-final');
    }

    function isLikelyPaymentImage(img) {
        if (!visible(img)) return false;
        const r = img.getBoundingClientRect();
        if (r.width < 20 || r.width > 180 || r.height < 12 || r.height > 110) return false;

        const hay = ((img.alt || '') + ' ' + (img.title || '') + ' ' + (img.src || '')).toLowerCase();
        if (hay.includes('business') || hay.includes('commercial') || hay.includes('وثق') || hay.includes('السجل')) return false;
        return true;
    }

    function comesAfter(a, b) {
        if (!a || !b) return false;
        return !!(a.compareDocumentPosition(b) & Node.DOCUMENT_POSITION_FOLLOWING);
    }

    function nearestMovableWrapper(img, shell) {
        let w = img;
        while (w.parentElement && w.parentElement !== shell) {
            const p = w.parentElement;
            const imgCount = p.querySelectorAll('img').length;
            const text = cleanText(p.textContent);

            /* نريد غلافًا صغيرًا لصورة دفع واحدة، لا حاوية كبيرة */
            if (imgCount === 1 && text.length < 40) {
                w = p;
            } else {
                break;
            }
        }
        return w;
    }

    function rebuildPaymentRow(shell) {
        if (window.innerWidth > 768 || !shell) return;

        const copyright = findCopyrightElement();
        if (!copyright) return;

        const candidates = Array.from(shell.querySelectorAll('img'))
            .filter(isLikelyPaymentImage)
            .filter(function (img) { return comesAfter(copyright, img); });

        if (candidates.length < 4) return;

        /* نأخذ أول 10 صور بعد حقوق النشر؛ في قالبك هذه هي شعارات الدفع */
        const paymentImgs = candidates.slice(0, 10);

        let row = shell.querySelector('.rg-payment-row-final');
        if (!row) {
            row = document.createElement('div');
            row.className = 'rg-payment-row-final';

            /* نضع الصف مباشرة بعد عنصر حقوق النشر */
            const anchor = copyright.closest('div, section, p') || copyright;
            anchor.insertAdjacentElement('afterend', row);
        }

        const wrappers = [];
        const seen = new Set();

        paymentImgs.forEach(function (img) {
            const w = nearestMovableWrapper(img, shell);
            if (!w || w === row || seen.has(w)) return;
            seen.add(w);
            wrappers.push(w);
        });

        wrappers.forEach(function (w) {
            row.appendChild(w);
        });

        row.style.setProperty('display', 'flex', 'important');
        row.style.setProperty('flex-direction', 'row', 'important');
        row.style.setProperty('flex-wrap', 'nowrap', 'important');
        row.style.setProperty('align-items', 'center', 'important');
        row.style.setProperty('justify-content', 'center', 'important');
        row.style.setProperty('gap', '4px', 'important');

        Array.from(row.children).forEach(function (child) {
            child.style.setProperty('display', 'inline-flex', 'important');
            child.style.setProperty('width', 'auto', 'important');
            child.style.setProperty('height', 'auto', 'important');
            child.style.setProperty('flex', '0 0 auto', 'important');
            child.style.setProperty('margin', '0', 'important');
            child.style.setProperty('padding', '0', 'important');
            child.style.setProperty('grid-column', 'auto', 'important');
            child.style.setProperty('grid-row', 'auto', 'important');
        });

        row.querySelectorAll('img').forEach(function (img) {
            img.style.setProperty('width', 'auto', 'important');
            img.style.setProperty('height', '22px', 'important');
            img.style.setProperty('max-width', '46px', 'important');
            img.style.setProperty('max-height', '22px', 'important');
            img.style.setProperty('object-fit', 'contain', 'important');
        });
    }

    function runFinalFooterFix() {
        const shell = findFooterShell();
        if (!shell) return;
        markOnlyFooterShell(shell);
        rebuildPaymentRow(shell);
    }

    if (document.readyState === 'loading') {
        document.addEventListener('DOMContentLoaded', runFinalFooterFix);
    } else {
        runFinalFooterFix();
    }

    window.addEventListener('load', runFinalFooterFix);
    [300, 700, 1200, 2000].forEach(function (d) { setTimeout(runFinalFooterFix, d); });

    const obs = new MutationObserver(function () { runFinalFooterFix(); });
    obs.observe(document.body, { childList: true, subtree: true });

})();


/* =========================================================
   فوتر أسود مباشر - بدون الاعتماد على أسماء عناصر سلة
   يعتمد على صف الدفع + البريد/الهاتف + حقوق النشر
   ========================================================= */
(function () {

    function cleanText(v) {
        return (v || "").replace(/\s+/g, " ").trim();
    }

    function visible(el) {
        if (!el) return false;
        const r = el.getBoundingClientRect();
        const s = getComputedStyle(el);
        return r.width > 0 && r.height > 0 &&
               s.display !== "none" &&
               s.visibility !== "hidden";
    }

    function findPaymentRow() {
        return (
            document.querySelector(".rg-payment-row-final") ||
            document.querySelector("[data-rg-payment-row='true']") ||
            document.querySelector("[data-rg-final-payment-row='1']") ||
            null
        );
    }

    function looksLikeFooter(el) {
        if (!el || el === document.body) return false;

        const t = cleanText(el.textContent);

        const hasContact =
            !!el.querySelector('a[href^="mailto:"]') ||
            !!el.querySelector('a[href^="tel:"]');

        const hasRights =
            t.includes("جميع الحقوق محفوظة");

        const hasBusiness =
            t.includes("السجل التجاري") ||
            t.includes("موثق");

        return hasContact && hasRights && hasBusiness;
    }

    function findFooterShell() {
        const pay = findPaymentRow();
        if (!pay) return null;

        let node = pay;

        while (node && node !== document.body) {
            if (looksLikeFooter(node)) {
                return node;
            }
            node = node.parentElement;
        }

        return null;
    }

    function paintFooterBlack() {
        const shell = findFooterShell();
        if (!shell) return;

        shell.setAttribute("data-rg-black-footer", "1");

        shell.style.setProperty("position", "relative", "important");
        shell.style.setProperty("background", "#050505", "important");
        shell.style.setProperty("background-color", "#050505", "important");
        shell.style.setProperty("color", "#ffffff", "important");
        shell.style.setProperty("overflow", "hidden", "important");

        /* القوس على نفس الحاوية فقط */
        if (window.innerWidth <= 768) {
            shell.style.setProperty(
                "border-radius",
                "46% 46% 0 0 / 36px 36px 0 0",
                "important"
            );
        } else {
            shell.style.setProperty(
                "border-radius",
                "48% 48% 0 0 / 72px 72px 0 0",
                "important"
            );
        }

        /*
           إزالة الخلفيات البيضاء الداخلية فقط داخل الفوتر،
           بدون لمس الصور.
        */
        Array.from(shell.querySelectorAll("div, section, nav, ul, li"))
            .forEach(function (el) {
                el.style.setProperty("background-color", "transparent", "important");
                el.style.setProperty("background-image", "none", "important");
            });

        /* النصوص والروابط والأيقونات تصبح بيضاء */
        Array.from(
            shell.querySelectorAll(
                "a, p, span, small, strong, label, h1, h2, h3, h4, h5, h6, li"
            )
        ).forEach(function (el) {
            el.style.setProperty("color", "#ffffff", "important");
        });

        Array.from(shell.querySelectorAll("svg, i"))
            .forEach(function (el) {
                el.style.setProperty("color", "#ffffff", "important");
                el.style.setProperty("stroke", "currentColor", "important");
            });

        /* الصور تبقى بألوانها الأصلية */
        Array.from(shell.querySelectorAll("img"))
            .forEach(function (img) {
                img.style.setProperty("filter", "none", "important");
                img.style.setProperty("opacity", "1", "important");
            });
    }

    function run() {
        paintFooterBlack();
    }

    if (document.readyState === "loading") {
        document.addEventListener("DOMContentLoaded", run);
    } else {
        run();
    }

    window.addEventListener("load", run);

    [250, 600, 1000, 1600, 2500].forEach(function (ms) {
        setTimeout(run, ms);
    });

    const observer = new MutationObserver(function () {
        run();
    });

    observer.observe(document.body, {
        childList: true,
        subtree: true
    });

})();
(function() {
  function injectSalesBadge() {
    // التحقق من أننا في صفحة هذا المنتج تحديداً وأنه لم يُضف من قبل
    if (window.location.href.includes("1718117893") && !document.getElementById("custom-sales-badge")) {
      
      // إنشاء وتنسيق عنصر الشارة
      var badge = document.createElement("div");
      badge.id = "custom-sales-badge";
      badge.style.cssText = "display: inline-flex; align-items: center; gap: 8px; background-color: #fff7ed; color: #c2410c; border: 1px solid #fed7aa; padding: 6px 14px; border-radius: 8px; font-size: 14px; font-weight: bold; margin: 12px 0; width: fit-content; direction: rtl;";
      badge.innerHTML = '<span style="font-size: 18px;">🔥</span><span>تم شراء هذا المنتج 25 مرة مؤخراً</span>';

      // استهداف عناصر قالب سلة (عنوان المنتج أو السعر)
      var target = document.querySelector(".product-details__title") || 
                   document.querySelector("h1.product-title") || 
                   document.querySelector("h1") || 
                   document.querySelector(".product-price");

      if (target) {
        target.parentNode.insertBefore(badge, target.nextSibling);
      }
    }
  }

  // تشغيل الفحص فوراً وتكراره لضمان التحميل مع قوالب سلة الديناميكية
  injectSalesBadge();
  var checkInterval = setInterval(function() {
    injectSalesBadge();
    if (document.getElementById("custom-sales-badge")) {
      clearInterval(checkInterval);
    }
  }, 300);

  // إيقاف المحاولات بعد 5 ثوانٍ لتوفير الموارد
  setTimeout(function() { clearInterval(checkInterval); }, 5000);
})();