});/* Add custom JS code below */

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

    // إخفاء قسم وسائل التواصل الأصلي
    const oldSection = document.querySelector('#main-links-8');
    if (!oldSection) return;

    oldSection.style.display = "none";

    // إنشاء قسم جديد
    const box = document.createElement("div");
    box.innerHTML = `
        <div id="custom-social-links">
            <h3>وسائل التواصل الاجتماعي</h3>

            <div class="social-list">
                <a href="https://www.instagram.com/arbia_st" target="_blank">
                    <i class="sicon-instagram"></i>
                    Instagram
                </a>

                <a href="https://www.tiktok.com/@arbia_st" target="_blank">
                    <i class="sicon-tiktok"></i>
                    TikTok
                </a>

                <a href="https://wa.me/+966556207873" target="_blank">
                    <i class="sicon-whatsapp"></i>
                    WhatsApp
                </a>
            </div>
        </div>
    `;

    oldSection.parentNode.insertBefore(box, oldSection);

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

    style.innerHTML = `
        #custom-social-links{
            text-align:center;
            margin:40px 0;
        }

        #custom-social-links h3{
            margin-bottom:25px;
            font-size:28px;
        }

        #custom-social-links .social-list{
            display:flex;
            justify-content:center;
            gap:35px;
            flex-wrap:wrap;
        }

        #custom-social-links .social-list a{
            display:flex;
            align-items:center;
            gap:10px;
            font-size:20px;
            font-weight:600;
            color:inherit;
            text-decoration:none;
        }

        #custom-social-links .social-list a i{
            font-size:30px;
        }
    `;

    document.head.appendChild(style);

});