/* Add custom Js code below */ 
document.addEventListener("DOMContentLoaded", () => {

  // ====== قسم "قصتنا" المعدل لنشاط (ليمبو) ======
  const firstBanner = document.querySelector('section.s-block.s-block--fixed-banner');
  if (firstBanner) {
    const storyDiv = document.createElement('div');
    storyDiv.className = 'story-section';
    storyDiv.style.textAlign = 'center';
    storyDiv.style.padding = '40px 20px';
    storyDiv.innerHTML = `
      <h2 style="font-weight: bold; margin-bottom: 15px;">قصتنا</h2>
      <p style="max-width: 800px; margin: 0 auto; line-height: 1.8; color: #555;">
        ليمبو (Limpo) هي وجهتك الأولى لمنتجات النظافة الشخصية والراحة ذات الاستخدام الواحد. انطلقت رؤيتنا من أهمية توفير حلول صحية وعملية تلائم نمط الحياة السريع، سواء كنت في سفر، في الفندق، أو حتى في منزلك. نحن نؤمن بأن الرفاهية تبدأ من النظافة، لذا نحرص في ليمبو على اختيار أجود الخامات لضمان تجربة آمنة، مريحة، ونظيفة تماماً.. ببساطة، ليمبو "لك وحدك".
      </p>
    `;
    firstBanner.after(storyDiv);
  }

  // ====== نصوص فرعية لعناوين الأقسام (معدلة) ======
  function addSubTextUnderHeading(headingText, subText) {
    const headings = document.querySelectorAll('h2, h3, .s-block__title h2');
    headings.forEach(h => {
      if (h.textContent.trim().includes(headingText)) {
        // منع التكرار
        if (!h.nextElementSibling || !h.nextElementSibling.classList.contains('section-sub-text')) {
            const p = document.createElement('p');
            p.className = 'section-sub-text';
            p.style.fontSize = '0.9rem';
            p.style.color = '#888';
            p.textContent = subText;
            h.insertAdjacentElement('afterend', p);
        }
      }
    });
  }

  // تعديل العناوين لتناسب منتجات ليمبو
  addSubTextUnderHeading("الأكثر مبيعًا", "منتجات نالت ثقة عملائنا لراحتهم اليومية وفي السفر.");
  addSubTextUnderHeading("منتجاتنا", "حلول ذكية وعملية ذات استخدام واحد لنظافة لا تساوم عليها.");

});

// ====== قسم مميزات المتجر (Symmetrical Features) ======
document.addEventListener("DOMContentLoaded", () => {
  const footer = document.querySelector('footer');

  if (footer) {
    const section = document.createElement('section');
    section.className = 'store-features-symmetrical';
    section.innerHTML = `
      <style>
        .store-features-symmetrical { text-align: center; padding: 40px 10px; }
        .features-grid {
          display: flex;
          justify-content: center;
          gap: 2rem;
          max-width: 1000px;
          margin: auto;
          flex-wrap: wrap;
        }
        .feature-item {
          flex: 1;
          min-width: 200px;
          display: flex;
          flex-direction: column;
          align-items: center;
          padding: 1rem;
        }
        .feature-item h3 { font-size: 1.1rem; font-weight: 700; margin-bottom: 0.5rem; color: #222; }
        .feature-item p { font-size: 0.9rem; color: #777; margin: 0; }
        
        @media(max-width: 768px) {
          .features-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 1rem; }
        }
      </style>
      <div class="features-grid">
        <div class="feature-item">
          <h3>جودة عالية</h3>
          <p>خامات ناعمة وصحية وآمنة على البشرة</p>
        </div>
        <div class="feature-item">
          <h3>مثالية للسفر</h3>
          <p>خفيفة الوزن وعملية للتنقل والرحلات</p>
        </div>
        <div class="feature-item">
          <h3>توصيل سريع</h3>
          <p>نصلك أينما كنت في كافة مناطق المملكة</p>
        </div>
      </div>
    `;
    footer.before(section);
  }
});