document.addEventListener("DOMContentLoaded", function () {
  const wrapper = document.createElement("div");
  wrapper.innerHTML = `
    <style>
      .floating-social {
        position: fixed;
        bottom: 20px;
        left: 20px;
        z-index: 9999;
      }
      .social-btn {
        background: linear-gradient(135deg, #007bff, #0056b3);
        color: white;
        font-size: 20px;
        width: 50px;
        height: 50px;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        box-shadow: 0 4px 12px rgba(0,123,255,0.3);
      }
      .social-links {
        display: none;
        flex-direction: column;
        gap: 10px;
        position: absolute;
        bottom: 60px;
        left: 0;
      }
      .social-links a {
        background: #fff;
        color: #007bff;
        font-size: 18px;
        width: 44px;
        height: 44px;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        text-decoration: none;
        box-shadow: 0 2px 8px rgba(0,0,0,0.1);
      }
    </style>
    <div class="floating-social">
      <div class="social-btn" id="toggleSocial"><i class="fa-solid fa-comments"></i></div>
      <div class="social-links" id="socialLinks">
        <a href="https://wa.me/966XXXXXXXXX" target="_blank"><i class="fab fa-whatsapp"></i></a>
        <a href="https://www.instagram.com/youruser" target="_blank"><i class="fab fa-instagram"></i></a>
        <a href="https://t.me/yourchannel" target="_blank"><i class="fab fa-telegram"></i></a>
        <a href="https://x.com/youruser" target="_blank"><i class="fab fa-twitter"></i></a>
        <a href="https://www.snapchat.com/add/youruser" target="_blank"><i class="fab fa-snapchat-ghost"></i></a>
      </div>
    </div>
  `;
  document.body.appendChild(wrapper);

  // التحكم في إظهار وإخفاء القائمة
  document.getElementById("toggleSocial").addEventListener("click", function () {
    const links = document.getElementById("socialLinks");
    links.style.display = links.style.display === "flex" ? "none" : "flex";
  });
});

.banner-container img {
  border-radius: 16px;
}
img[src*="yxFyT8N8LLi4dsmakvesppPfTcdWaZidq6cRpqe8.png"] {
  border-radius: 16px;
}

document.addEventListener("DOMContentLoaded", function () {
  const keywords = ["الجوالات", "سامسونج", "هواوي", "ابل", "شاومي"];
  const allSpans = document.querySelectorAll("a > span");

  allSpans.forEach(span => {
    if (keywords.includes(span.textContent.trim())) {
      span.style.backgroundColor = "#007bff";
      span.style.color = "#fff";
      span.style.padding = "6px 14px";
      span.style.borderRadius = "999px";
      span.style.fontWeight = "bold";
      span.style.fontSize = "14px";
      span.style.display = "inline-block";
    }
  });
});