/* Add custom JS code below */

/* Add custom JS code below */

document.addEventListener("DOMContentLoaded", () => {
  const target = document.querySelector(
    ".s-add-product-button-with-quick-buy"
  );

  if (!target) return;

  const contactButtons = `
    <div class="contact-buttons" style="display:flex;gap:10px;margin-top:15px;">

      <!-- زر الاتصال -->
      <a
        href="tel:+966539852621"
        class="phone-contact-block"
        style="display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;border-radius:8px;text-decoration:none;background:#2563eb;color:#fff;font-weight:600;flex:1;"
      >
        <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="currentColor">
          <path d="M6.62 10.79a15.46 15.46 0 0 0 6.59 6.59l2.2-2.2a1 1 0 0 1 1-.24a11.4 11.4 0 0 0 3.58.57a1 1 0 0 1 1 1V20a1 1 0 0 1-1 1A17 17 0 0 1 3 4a1 1 0 0 1 1-1h3.5a1 1 0 0 1 1 1a11.4 11.4 0 0 0 .57 3.58a1 1 0 0 1-.24 1z"/>
        </svg>
        اتصل بنا
      </a>

      <!-- زر الواتساب -->
      <a
        href="https://wa.me/966539852621"
        target="_blank"
        rel="noopener noreferrer"
        class="whatsapp-contact-block"
        style="display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;border-radius:8px;text-decoration:none;background:#25D366;color:#fff;font-weight:600;flex:1;"
      >
        <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="currentColor">
          <path d="M12.04 2c-5.46 0-9.91 4.45-9.91 9.91c0 1.75.46 3.45 1.32 4.95L2.05 22l5.25-1.38c1.45.79 3.08 1.21 4.74 1.21c5.46 0 9.91-4.45 9.91-9.91c0-2.65-1.03-5.14-2.9-7.01A9.816 9.816 0 0 0 12.04 2z"/>
        </svg>
        واتساب
      </a>

    </div>
  `;

  target.insertAdjacentHTML("afterend", contactButtons);
});