/* Add custom JS code below */ 
document.addEventListener("DOMContentLoaded", function () {

    function updateContactNumbers() {

        const headings = document.querySelectorAll("h4");

        headings.forEach(function (heading) {

            if (heading.textContent.trim() !== "تواصل معنا") return;

            const contactBox = heading.parentElement;
            if (!contactBox || contactBox.dataset.updated === "true") return;

            const wrapper = contactBox.querySelector(".flex.flex-wrap");

            if (!wrapper) return;

            // نخلي السوشيال ميديا موجودة
            const social = wrapper.querySelector("salla-social");

            // نمسح المحتوى الحالي
            wrapper.innerHTML = "";

            // إنشاء أرقام التواصل
            const numbers = document.createElement("div");
            numbers.className = "custom-contact-numbers";

            numbers.innerHTML = `
                <a href="tel:0500037919" class="custom-phone-item">
                    <span class="custom-phone-text">
                        <span>رقم المبيعات والاستفسارات:</span>
                        <b dir="ltr">0500037919</b>
                    </span>

                    <span class="custom-phone-icon">
                        <i class="sicon-phone"></i>
                    </span>
                </a>

                <a href="tel:0599245202" class="custom-phone-item">
                    <span class="custom-phone-text">
                        <span>رقم الصيانة:</span>
                        <b dir="ltr">0599245202</b>
                    </span>

                    <span class="custom-phone-icon">
                        <i class="sicon-phone"></i>
                    </span>
                </a>
            `;

            wrapper.appendChild(numbers);

            // نرجع السوشيال ميديا
            if (social) {
                wrapper.appendChild(social);
            }

            contactBox.dataset.updated = "true";
        });
    }

    updateContactNumbers();

    // عشان Salla أحيانًا بتعمل Render للعناصر بعد تحميل الصفحة
    const observer = new MutationObserver(function () {
        updateContactNumbers();
    });

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

});