document.addEventListener("DOMContentLoaded", function () {
  if (!document.body.classList.contains("product-single")) return;

  const priceDiv = document.querySelector(
    '.bg-storeBG.p-5.rounded-md.rounded-b-none.flex.sm\\:pb-0.product-price.product-price-bottom'
  );
  if (!priceDiv) return;

  const productTitle =
    (document.querySelector("h1, .product-title, [data-product-title]") || {}).textContent || "";
  const msg = `مرحباً، أودّ الاستفسار عن${productTitle ? ":\n" + productTitle.trim() : ""}\n${window.location.href}`;

  const phone = "966599195056"; // KSA format without '+' or leading zeros
  const waLink = `https://wa.me/${phone}?text=${encodeURIComponent(msg)}`; // works on mobile & desktop

  const whatsappBtn = `
    <style>
      /* Fix Arabic letter spacing (iOS Safari breaks joining when letter-spacing > 0) */
      .ar-safe { direction: rtl; letter-spacing: 0 !important; word-spacing: normal !important;
                 font-kerning: normal; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; }
      @supports (-webkit-touch-callout: none) {
        /* iOS-specific: make extra sure spacing is zero */
        .ar-safe { letter-spacing: 0 !important; }
      }
    </style>

    <div style="margin-top:15px;">
      <a href="${waLink}" target="_blank"
         style="display:flex;align-items:center;justify-content:space-between;
                background:#0F5DA8; /* solid brand color instead of gradient to avoid banding */
                background:linear-gradient(90deg,#004aad,#0077b6);
                color:#fff;font-size:18px;font-weight:bold;padding:16px 20px;border-radius:8px;
                text-decoration:none;box-shadow:0 3px 8px rgba(0,0,0,.15);">
        <div class="ar-safe"
             style="display:flex;flex-direction:column;text-align:right;line-height:1.6;
                    white-space:normal;flex:1;overflow:hidden;text-overflow:ellipsis;">
          <span>عندك استفسار؟ أو عرض سعر؟</span>
          <span>فريقنا جاهز على واتساب</span>
        </div>
        <img src="https://upload.wikimedia.org/wikipedia/commons/6/6b/WhatsApp.svg"
             style="width:40px;height:40px;margin-right:10px;flex-shrink:0;" alt="WhatsApp"/>
      </a>
    </div>`;

  priceDiv.insertAdjacentHTML("afterend", whatsappBtn);
});



// Make icons horizontal

document.addEventListener('DOMContentLoaded', () => {
  const mount = document.querySelector('section.product-features--wrapper');
  if (!mount) return;

  // build new horizontal content
  const html = `
    <div class="pf-bar">
      <div class="pf-item">
        <div class="pf-icon"><i class="sicon-banknote-dollar"></i></div>
        <div>
          <div class="pf-title">وسائل الدفع اللي عندنا</div>
          <div class="pf-sub">تابي – تمارا – مدفوع – إمكان – مس باي -كذلك ابل بي - حوالة بنكية - فيزا- مدى </div>
        </div>
      </div>

      <div class="pf-item">
        <div class="pf-icon"><i class="sicon-paper-plane"></i></div>
        <div>
          <div class="pf-title">الشحن والتوصيل</div>
          <div class="pf-sub">تكلفة الشحن عندنا 21 ريال — ونشحن لكل مناطق المملكة - شحن مجاني للطلبات فوق 499 ريال</div>
        </div>
      </div>

      <div class="pf-item">
        <div class="pf-icon"><i class="sicon-whatsapp2"></i></div>
        <div>
          <div class="pf-title">تواصل معنا</div>
          <div class="pf-sub">نخدمك بعيوننا على الواتساب</div>
        </div>
      </div>
    </div>`;


  const grid = mount.querySelector('.grid');
  if (grid) {
    grid.outerHTML = html;
  } else {
    mount.insertAdjacentHTML('beforeend', html);
  }
});