document.addEventListener("DOMContentLoaded", function () {
    // إزالة أي كود قديم
    const oldHeaderSocials = document.querySelector(".custom-header-socials");
    if (oldHeaderSocials) oldHeaderSocials.remove();

    const oldStrip = document.querySelector(".custom-social-strip");
    if (oldStrip) oldStrip.remove();

    const header = document.querySelector("header");
    if (!header) return;

    const strip = document.createElement("div");
    strip.className = "custom-social-strip";

    strip.innerHTML = `
        <a href="https://www.instagram.com/saddl_e92" target="_blank" rel="noopener noreferrer" aria-label="Instagram">
            <svg viewBox="0 0 24 24">
                <path d="M7 2C4.24 2 2 4.24 2 7v10c0 2.76 2.24 5 5 5h10c2.76 0 5-2.24 5-5V7c0-2.76-2.24-5-5-5H7zm10 2c1.66 0 3 1.34 3 3v10c0 1.66-1.34 3-3 3H7c-1.66 0-3-1.34-3-3V7c0-1.66 1.34-3 3-3h10zm.5 1.5a1.25 1.25 0 1 0 0 2.5 1.25 1.25 0 0 0 0-2.5zM12 7a5 5 0 1 0 0 10 5 5 0 0 0 0-10zm0 2a3 3 0 1 1 0 6 3 3 0 0 1 0-6z"/>
            </svg>
        </a>

        <a href="https://www.tiktok.com/@saddle_ksa" target="_blank" rel="noopener noreferrer" aria-label="TikTok">
            <svg viewBox="0 0 24 24">
                <path d="M16.6 5.82A4.28 4.28 0 0 1 14.5 2h-3.2v13.2a2.7 2.7 0 1 1-2.7-2.7c.28 0 .55.04.8.12V9.36a6 6 0 1 0 5.1 5.84V8.5a7.5 7.5 0 0 0 4.4 1.4V6.7c-.8 0-1.6-.3-2.3-.88z"/>
            </svg>
        </a>
    `;

    header.insertAdjacentElement("afterend", strip);
});
const tajawalFont = document.createElement('link');
tajawalFont.rel = 'stylesheet';
tajawalFont.href = 'https://fonts.googleapis.com/css2?family=Tajawal:wght@300;400;500;600;700;800;900&display=swap';
document.head.appendChild(tajawalFont);