function addDarkModeButton() {

    const userMenu = document.querySelector("salla-user-menu");

    if (!userMenu) {
        setTimeout(addDarkModeButton, 1000);
        return;
    }

    if (document.querySelector(".dark-toggle-btn")) return;

    const moonIcon = `
    <svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 24 24">
      <path d="M0 0h24v24H0z" fill="none"/>
      <path fill="none" stroke="currentColor" stroke-linecap="round"
      stroke-linejoin="round" stroke-width="1.8"
      d="M12 21a9 9 0 0 0 8.997-9.252a7 7 0 0 1-10.371-8.643A9 9 0 0 0 12 21"/>
    </svg>
    `;

    const sunIcon = `
    <svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 24 24">
      <path d="M0 0h24v24H0z" fill="none"/>
      <g fill="none" stroke="currentColor" stroke-width="2">
        <circle cx="12" cy="12" r="4" stroke-linejoin="round"/>
        <path stroke-linecap="round"
        d="M20 12h1M3 12h1m8 8v1m0-18v1m5.657 13.657l.707.707M5.636 5.636l.707.707m0 11.314l-.707.707M18.364 5.636l-.707.707"/>
      </g>
    </svg>
    `;

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

    btn.className = "dark-toggle-btn";
    btn.innerHTML = moonIcon;

    btn.style.cssText = `
        background:none;
        border:none;
        cursor:pointer;
        display:flex;
        align-items:center;
        justify-content:center;
        margin-left:12px;
        margin-right:12px;
        color:#111827;
        transition:.3s;
    `;

    userMenu.parentNode.insertBefore(btn, userMenu);

    if (localStorage.getItem("darkMode") === "on") {
        document.body.classList.add("dark-mode");
        btn.innerHTML = sunIcon;
        btn.style.color = "#ffffff";
    }

    btn.addEventListener("click", () => {

        document.body.classList.toggle("dark-mode");

        if (document.body.classList.contains("dark-mode")) {

            localStorage.setItem("darkMode", "on");

            btn.innerHTML = sunIcon;
            btn.style.color = "#ffffff";

        } else {

            localStorage.setItem("darkMode", "off");

            btn.innerHTML = moonIcon;
            btn.style.color = "#111827";
        }

    });
}

document.addEventListener("DOMContentLoaded", addDarkModeButton);










document.addEventListener('DOMContentLoaded', () => {

    const logo = document.querySelector('.navbar-brand img');

    if (logo) {
        logo.src = 'https://i.imgur.com/HKawffx.png';
    }

});





document.addEventListener('DOMContentLoaded', () => {
    const footerLinks = document.querySelector('.s-menu-footer-list');

    if (!footerLinks) return;

    footerLinks.insertAdjacentHTML('beforeend', `
        <a href="https://saikcollective.com/سياسة-الشحن/page-266055530"
           class="s-menu-footer-item">
           سياسة الشحن
        </a>

        <a href="https://saikcollective.com/سياسة-التوصيل/page-1503710827"
           class="s-menu-footer-item">
           سياسة التوصيل
        </a>
    `);
});



function updateContacts() {

    document.querySelectorAll('.s-contacts-item').forEach(item => {

        const text = item.querySelector('.unicode');

        if (!text) return;

        if (item.href.includes('wa.me')) {
            text.textContent = 'واتساب';
        }

        if (item.href.startsWith('tel:')) {
            text.textContent = 'اتصال';
        }

        if (item.href.startsWith('mailto:')) {
            text.textContent = 'البريد الإلكتروني';
        }

    });

}

setInterval(updateContacts, 1000);