window.addEventListener("load", function () {

    setTimeout(() => {

        const subtitles = document.querySelectorAll('.product-card__subtitle');

        subtitles.forEach(subtitle => {

            // منع التكرار
            if (subtitle.parentNode.querySelector('.custom-product-stars')) return;

            const stars = document.createElement('div');

            stars.className = 'custom-product-stars';

            stars.innerHTML = `
                <i class="sicon-star2"></i>
                <i class="sicon-star2"></i>
                <i class="sicon-star2"></i>
                <i class="sicon-star2"></i>
                <i class="sicon-star2"></i>
            `;

            // بعد الوصف مباشرة
            subtitle.insertAdjacentElement('afterend', stars);

        });

    }, 1000);

});

const addDeveloperText = () => {

    const footer = document.querySelector('.footer-bottom');

    if (!footer) return;

    // منع التكرار
    if (footer.querySelector('.joserve-dev')) return;

    const dev = document.createElement('div');
    dev.className = 'joserve-dev ';
    dev.innerHTML = '<a href="https://goserv-ksa.com" target="_blank" rel="noopener noreferrer" style="text-decoration:none; color:inherit;">تطوير جوسيرف</a>';
    footer.insertAdjacentElement('beforeend', dev);
};

// تشغيل متكرر بسيط لحد ما الفوتر يظهر
const interval = setInterval(() => {

    addDeveloperText();

    if (document.querySelector('.joserve-dev')) {
        clearInterval(interval);
    }

}, 500);

// window.addEventListener('load', () => {

//     setTimeout(() => {

//         const productOptions = document.querySelector('salla-product-options');

//         if (!productOptions || document.querySelector('.custom-free-shipping')) {
//             return;
//         }

//         const section = document.createElement('div');

//         section.className = 'custom-free-shipping';

//         section.innerHTML = `
//             <div class="shipping-box">

//                 <div class="shipping-icon">
//                     <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.8" stroke="currentColor">
//                         <path stroke-linecap="round" stroke-linejoin="round"
//                         d="M8.25 18.75a1.5 1.5 0 100-3 1.5 1.5 0 000 3zm7.5 0a1.5 1.5 0 100-3 1.5 1.5 0 000 3zM3.75 4.5h11.379a1.5 1.5 0 011.43 1.058l.97 2.912h1.221a1.5 1.5 0 011.415.996l1.085 3.255A1.5 1.5 0 0120.835 15H18m-12 0h8.25M6 15H4.665a1.5 1.5 0 01-1.415-.996L2.165 10.75A1.5 1.5 0 013.58 8.75H15" />
//                     </svg>
//                 </div>

//                 <div class="shipping-content">
//                     <h3>شحن مجاني</h3>

//                     <p>
//                         احصل على <strong>شحن مجاني</strong> عند إضافة
//                         <span>290 ر.س</span> للسلة
//                     </p>

//                     <div class="shipping-progress">
//                         <div class="shipping-progress-bar"></div>
//                     </div>
//                 </div>

//             </div>
//         `;

//         productOptions.insertAdjacentElement('afterend', section);

//     }, 1200);

// });
window.addEventListener('scroll', function () {

    if (window.scrollY > 100) {
        document.body.classList.add('scrolled');
    } else {
        document.body.classList.remove('scrolled');
    }

});
// window.addEventListener('load', () => {

//     const addDetailsSection = () => {

//         const productOptions = document.querySelector('salla-product-options');

//         if (!productOptions || document.querySelector('.custom-details-box')) return;

//         const section = document.createElement('div');

//         section.className = 'custom-details-box';

//         section.innerHTML = `
//             <div class="details-content">
//                 <h4>تفاصيل لا يستغنى عنها</h4>
//                 <p>تناغم مثالي مع سواد العبايه وفخامتها</p>
//             </div>
//         `;

//         productOptions.insertAdjacentElement('afterend', section);
//     };

//     setTimeout(addDetailsSection, 1000);
// });
window.addEventListener('load', () => {

    setTimeout(() => {

        const productOptions = document.querySelector('salla-product-options');

        if (!productOptions) return;

        // تفاصيل لا يستغنى عنها
        if (!document.querySelector('.custom-details-box')) {

            const detailsSection = document.createElement('div');

            detailsSection.className = 'custom-details-box';

            detailsSection.innerHTML = `
                <div class="details-content">
                    <h4>تفاصيل لا يستغنى عنها</h4>
                    <p>تناغم مثالي مع سواد العبايه وفخامتها</p>
                </div>
            `;

            productOptions.insertAdjacentElement('afterend', detailsSection);
        }

        // الشحن المجاني تحتها مباشرة
        if (!document.querySelector('.custom-free-shipping')) {

            const shippingSection = document.createElement('div');

            shippingSection.className = 'custom-free-shipping';

            shippingSection.innerHTML = `
                <div class="shipping-box">

                    <div class="shipping-icon">
                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.8" stroke="currentColor">
                            <path stroke-linecap="round" stroke-linejoin="round"
                            d="M8.25 18.75a1.5 1.5 0 100-3 1.5 1.5 0 000 3zm7.5 0a1.5 1.5 0 100-3 1.5 1.5 0 000 3zM3.75 4.5h11.379a1.5 1.5 0 011.43 1.058l.97 2.912h1.221a1.5 1.5 0 011.415.996l1.085 3.255A1.5 1.5 0 0120.835 15H18m-12 0h8.25M6 15H4.665a1.5 1.5 0 01-1.415-.996L2.165 10.75A1.5 1.5 0 013.58 8.75H15" />
                        </svg>
                    </div>

                    <div class="shipping-content">
                        <h3>شحن مجاني</h3>

                

                        <div class="shipping-progress">
                            <div class="shipping-progress-bar"></div>
                        </div>
                    </div>

                </div>
            `;

            document
                .querySelector('.custom-details-box')
                .insertAdjacentElement('afterend', shippingSection);
        }

    }, 1200);

});
window.addEventListener('load', () => {

    const addReviewSummary = () => {

        const commentForm = document.querySelector('.s-comment-form-wrapper');

        if (!commentForm || document.querySelector('.custom-review-summary')) {
            return;
        }

        const section = document.createElement('div');

        section.className = 'custom-review-summary';

        section.innerHTML = `
            <div class="custom-review-summary-inner">
                <h4 class="custom-review-percentage">%100</h4>
                <p class="custom-review-text">أوصوا بالمنتج</p>
            </div>
        `;

        commentForm.insertAdjacentElement('afterend', section);
    };

    setTimeout(addReviewSummary, 1000);

});

 window.addEventListener("load", function () {

    const footer = document.querySelector('.footer-bottom .container');

    if (!footer) return;

    // منع التكرار
    if (document.querySelector('.joserve-dev')) return;

    const dev = document.createElement('div');

    dev.className = 'joserve-dev';

    dev.innerHTML = `<a style="color: #00000"; href="https://goserv-ksa.com">تطوير جو سيرف</a>`;

    footer.appendChild(dev);

});

// ===== عداد الزوار (110 - 250) =====
(function() {

  function rand(min, max) {
    return Math.floor(Math.random() * (max - min + 1)) + min;
  }

  let count = rand(110, 250);

  const style = document.createElement('style');
  style.textContent = `
    @keyframes pulse_vc {
      0%,100%{opacity:1;transform:scale(1)}
      50%{opacity:.4;transform:scale(1.4)}
    }
  `;
  document.head.appendChild(style);

  const el = document.createElement('div');
  el.id = 'visitor-counter';
  el.style.cssText = `
    position: fixed;
    bottom: 14px;
    left: 14px;
    border-radius: 16px;
    padding: 10px 20px;
    font-family: inherit;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    box-shadow: 0 2px 10px rgba(0,0,0,0.10);
    z-index: 9999;
    direction: rtl;
  `;

  el.innerHTML = `
    <div style="display:flex;align-items:center;gap:6px;">
      <span id="vc-num" style="
        font-size:18px;
        font-weight:700;
        color:#111827;
      ">${count}</span>
      <span style="
        font-size:15px;
        font-weight:500;
        color:#374151;
      ">زائر نشط الان</span>
    </div>
    <span style="
      width:20px; height:20px;
      border-radius:50%;
      background:#22c55e;
      display:inline-block;
      animation:pulse_vc 1.5s infinite;
    "></span>
  `;

  document.body.appendChild(el);

  function updateCount() {
    const change = rand(-2, 2);
    count = Math.min(250, Math.max(110, count + change));
    const numEl = document.getElementById('vc-num');
    if (numEl) numEl.textContent = count;
    setTimeout(updateCount, rand(8000, 15000));
  }

  setTimeout(updateCount, rand(8000, 15000));

})();