/* Add custom Js styles below */ 
(function () {
  const apply = () => {
    const about = document.querySelector("#about-2");
    if (!about) return;

    const p = about.querySelector("p");
    if (!p) return;

    // لا تعيد التطبيق
    if (p.querySelector(".promo-code")) return;

    p.innerHTML = p.innerHTML.replace(
      /\bHITAQ\b/,
      '<span class="promo-code">HITAQ</span>'
    );
  };

  // محاولة مباشرة
  apply();

  // مراقبة DOM لأن سلة قد تعيد بناء القسم بعد التحميل
  const observer = new MutationObserver(() => apply());
  observer.observe(document.body, { childList: true, subtree: true });
})();



document.addEventListener("DOMContentLoaded", function () {
  const section = document.querySelector(".animated-text");
  if (!section) return; // لا يعمل خارج هذا القسم

  const firstLi = section.querySelector("li:first-child");
  if (!firstLi) return;

  // إزالة أي ستايل يسبب حركة داخل هذا القسم فقط
  firstLi.removeAttribute("style");

  const mainLink = firstLi.querySelector("a");
  if (!mainLink) return;

  // إنشاء الحاوية
  const wrapper = document.createElement("div");
  wrapper.className = "text-vertical";

  // النص الأساسي
  const mainText = document.createElement("span");
  mainText.className = "main-text";
  mainText.textContent = mainLink.textContent;

  // رابط معرفة المزيد
  const moreLink = document.createElement("a");
  moreLink.className = "more-link";
  moreLink.href = "#"; // ← ضع الرابط الحقيقي
  moreLink.textContent = "لمعرفة المزيد";

  // استبدال محتوى هذا العنصر فقط
  firstLi.innerHTML = "";
  wrapper.appendChild(mainText);
  wrapper.appendChild(moreLink);
  firstLi.appendChild(wrapper);
});




<script>
(() => {
  // ✅ عدّل الرقم هنا
  const MIN_REQUIRED = 6;

  // رسالة للعميل
  const MSG = `يشترط اختيار ${MIN_REQUIRED} عينات أو أكثر لإتمام الطلب.`;

  // محاولات لاكتشاف منطقة الخيارات + زر الإضافة (سلة تغيّر DOM حسب القالب)
  const SELECTORS = {
    optionsRoot: [
      '.product-options',
      '.s-product-options',
      '[data-product-options]',
      '.s-product__options',
      'form' // fallback
    ],
    addToCartBtn: [
      'button[type="submit"]',
      '.add-to-cart',
      '.s-button-primary',
      '[data-add-to-cart]',
      '.s-product-form button'
    ]
  };

  const $ = (sel, root=document) => root.querySelector(sel);
  const $$ = (sel, root=document) => Array.from(root.querySelectorAll(sel));

  const findFirst = (list, root=document) => {
    for (const sel of list) {
      const el = $(sel, root);
      if (el) return el;
    }
    return null;
  };

  // نعدّ "الاختيارات" بطريقة مرنة:
  // - checkbox: كل checked = اختيار
  // - radio: المجموعة المختارة تُحسب 1
  // - select: إذا قيمته ليست فارغة تُحسب 1
  const countSelections = (root) => {
    if (!root) return 0;

    const checkedCheckboxes = $$('input[type="checkbox"]:checked', root).length;

    const radios = $$('input[type="radio"]', root);
    const radioGroups = new Map();
    radios.forEach(r => {
      if (!r.name) return;
      if (!radioGroups.has(r.name)) radioGroups.set(r.name, false);
      if (r.checked) radioGroups.set(r.name, true);
    });
    const checkedRadioGroups = Array.from(radioGroups.values()).filter(Boolean).length;

    const selects = $$('select', root);
    const filledSelects = selects.filter(s => (s.value ?? '').toString().trim() !== '').length;

    // في “Discovery Box” غالباً الاختيارات تكون checkboxes متعددة — هذا يغطيها.
    return checkedCheckboxes + checkedRadioGroups + filledSelects;
  };

  const ensureNotice = (root) => {
    if (!root) return null;
    let box = root.querySelector('#min-select-notice');
    if (!box) {
      box = document.createElement('div');
      box.id = 'min-select-notice';
      box.style.cssText = `
        margin:12px 0;
        padding:10px 12px;
        border-radius:10px;
        font-size:14px;
        line-height:1.6;
        background:#fff3cd;
        border:1px solid #ffe69c;
        color:#664d03;
        display:none;
      `;
      root.prepend(box);
    }
    return box;
  };

  const setButtonState = (btn, ok) => {
    if (!btn) return;
    btn.disabled = !ok;
    btn.setAttribute('aria-disabled', String(!ok));
    btn.style.opacity = ok ? '' : '0.6';
    btn.style.cursor = ok ? '' : 'not-allowed';
  };

  const init = () => {
    const optionsRoot = findFirst(SELECTORS.optionsRoot);
    const btn = findFirst(SELECTORS.addToCartBtn);
    if (!optionsRoot || !btn) return false;

    const notice = ensureNotice(optionsRoot);

    const update = () => {
      const n = countSelections(optionsRoot);
      const ok = n >= MIN_REQUIRED;

      setButtonState(btn, ok);

      if (notice) {
        if (ok) {
          notice.style.display = 'none';
          notice.textContent = '';
        } else {
          notice.style.display = 'block';
          notice.textContent = `${MSG} (المحدد حالياً: ${n})`;
        }
      }
    };

    // أول تحديث
    update();

    // تحديث عند أي تغيير
    optionsRoot.addEventListener('change', update, true);
    optionsRoot.addEventListener('click', update, true);
    optionsRoot.addEventListener('input', update, true);

    // مراقبة التغيرات لأن سلة أحياناً تعيد بناء الخيارات بالـ JS
    const mo = new MutationObserver(() => update());
    mo.observe(optionsRoot, { childList: true, subtree: true, attributes: true });

    // حماية إضافية: منع الإرسال لو حاول بأي طريقة
    const form = optionsRoot.closest('form');
    if (form) {
      form.addEventListener('submit', (e) => {
        const n = countSelections(optionsRoot);
        if (n < MIN_REQUIRED) {
          e.preventDefault();
          e.stopPropagation();
          update();
          notice?.scrollIntoView({ behavior: 'smooth', block: 'center' });
        }
      }, true);
    }

    return true;
  };

  // حاول عدة مرات لأن الصفحة تعتمد على JS
  let tries = 0;
  const timer = setInterval(() => {
    tries++;
    if (init() || tries >= 30) clearInterval(timer); // ~ 15 ثانية
  }, 500);

})();
</script>