document.addEventListener("DOMContentLoaded", function () {
  // تحديد العنصر المستهدف (ديف وصف المنتج)
  const targetDesc = document.querySelector('[data-testid="store-product-description"]') || 
                     document.querySelector('.product__description');

  if (targetDesc && !document.getElementById("custom-install-service-box")) {
    // كود التنسيق المدمج
    const style = document.createElement("style");
    style.textContent = `
      .install-service-wrapper {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 12px;
        background-color: #f7fafc;
        border: 1px solid #e2e8f0;
        border-radius: 12px;
        padding: 12px 18px;
        margin-top: 15px;
        margin-bottom: 20px;
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.03);
      }
      .install-service-text {
        font-size: 15px;
        font-weight: 700;
        color: #2d3748;
        display: flex;
        align-items: center;
        gap: 6px;
      }
      .install-service-btn {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 8px;
        background-color: #25D366;
        color: #ffffff !important;
        text-decoration: none !important;
        font-size: 14px;
        font-weight: bold;
        padding: 9px 18px;
        border-radius: 8px;
        transition: background-color 0.25s ease, transform 0.2s ease;
        white-space: nowrap;
      }
      .install-service-btn:hover {
        background-color: #1ebe57;
        transform: translateY(-1px);
        color: #ffffff !important;
      }
      .install-service-btn svg {
        width: 19px;
        height: 19px;
        fill: currentColor;
      }

      /* تنسيق خاص للجوال لضمان الشكل المنظم */
      @media (max-width: 640px) {
        .install-service-wrapper {
          flex-direction: column;
          align-items: stretch;
          text-align: center;
          gap: 10px;
          padding: 14px;
        }
        .install-service-text {
          justify-content: center;
          font-size: 14px;
        }
        .install-service-btn {
          width: 100%;
          padding: 10px;
        }
      }
    `;
    document.head.appendChild(style);

    // بناء قالب العنصر
    const boxHTML = `
      <div id="custom-install-service-box" class="install-service-wrapper">
        <span class="install-service-text">
          🛠️ لخدمات التركيب تواصل معنا عبر:
        </span>
        <a href="https://api.whatsapp.com/send/?phone=966553657955&text&type=phone_number&app_absent=0" 
           target="_blank" 
           rel="noopener noreferrer" 
           class="install-service-btn">
          <svg viewBox="0 0 24 24">
            <path d="M12.031 6.172c-3.181 0-5.767 2.586-5.768 5.766-.001 1.298.38 2.27 1.019 3.287l-.711 2.598 2.669-.699c.969.54 1.772.82 2.791.82 3.181 0 5.767-2.586 5.768-5.766 0-3.18-2.587-5.806-5.768-5.806zm0 10.373c-.886 0-1.637-.253-2.378-.692l-.17-.101-1.579.414.421-1.54-.111-.177c-.482-.767-.736-1.547-.735-2.511.001-2.539 2.067-4.605 4.608-4.605 2.54 0 4.606 2.066 4.606 4.605 0 2.54-2.066 4.606-4.606 4.606zm2.528-3.454c-.139-.069-.821-.405-.948-.451-.128-.046-.221-.069-.314.07-.093.138-.36.451-.441.544-.081.092-.163.104-.302.035-.139-.07-.587-.216-1.118-.689-.413-.368-.692-.823-.773-.962-.081-.139-.009-.214.061-.283.063-.062.139-.162.209-.243.07-.081.093-.139.139-.232.047-.093.023-.174-.012-.243-.035-.07-.314-.757-.43-1.037-.113-.273-.228-.236-.314-.241l-.268-.005c-.093 0-.244.035-.372.174-.128.139-.488.477-.488 1.164s.5 1.35 1.07 2.106c.57 1.026 1.884 1.621 2.898 1.802.241.043.43.048.591.033.18-.017.553-.226.631-.445.078-.219.078-.407.055-.445-.023-.038-.116-.061-.255-.13z"/>
          </svg>
          واتساب
        </a>
      </div>
    `;

    // إدراج العنصر أسفل الديف مباشرة
    targetDesc.insertAdjacentHTML("afterend", boxHTML);
  }
});