/* =========================================================
   RAED / SALLA — OPTIONAL ENHANCEMENTS
   Paste into the Custom JS editor WITHOUT <script> tags.
   - Header shadow while scrolling.
   - Circle categories from YOUR store's existing category links.
   - If no category links exist, inserts nothing.
   - Never touches add-to-cart, checkout, prices or analytics.
   ========================================================= */
(function () {
  'use strict';
  if (!document.body || !document.body.classList.contains('theme-raed')) return;
  var cls = 'ra-assaf-scrolled';
  function shadeHeader() {
    document.body.classList.toggle(cls, window.scrollY > 12);
  }
  window.addEventListener('scroll', shadeHeader, { passive: true });
  shadeHeader();

  function addCategoryCircles() {
    if (document.getElementById('ra-assaf-cats')) return true;
    var main = document.querySelector('main');
    if (!main) return false;

    var found = [];
    var used = new Set();
    var selectors = [
      'custom-main-menu a[href]',
      '.main-menu a[href]',
      '.s-block--categories a[href]',
      '.s-block--main-links a[href]'
    ];
    document.querySelectorAll(selectors.join(',')).forEach(function (link) {
      if (found.length >= 4) return;
      var url;
      try { url = new URL(link.getAttribute('href'), location.origin); }
      catch (e) { return; }
      if (url.origin !== location.origin) return;
      // Only Salla category URLs: /.../c12345678
      if (!/\/c\d{3,}(?:\/|$)/.test(url.pathname)) return;
      if (used.has(url.pathname)) return;
      var name = (link.textContent || link.getAttribute('aria-label') || '').trim().replace(/\s+/g, ' ');
      if (!name || name.length > 42) return;
      var img = link.querySelector('img');
      var src = img && (img.currentSrc || img.getAttribute('src') || img.getAttribute('data-src'));
      used.add(url.pathname);
      found.push({ title: name, href: url.pathname + url.search, image: src || '' });
    });

    if (found.length < 2) return false;
    var section = document.createElement('section');
    section.className = 'ra-assaf-cats';
    section.id = 'ra-assaf-cats';
    section.setAttribute('aria-label', 'تسوق حسب التصنيف');
    var title = document.createElement('h2');
    title.className = 'ra-assaf-cats__title';
    title.textContent = 'تسوق حسب التصنيف';
    section.appendChild(title);
    var row = document.createElement('div');
    row.className = 'ra-assaf-cats__row';
    found.forEach(function (item) {
      var a = document.createElement('a');
      a.className = 'ra-assaf-cats__item';
      a.href = item.href;
      var ring = document.createElement('span');
      ring.className = 'ra-assaf-cats__ring';
      if (item.image && /^https?:\/\//.test(new URL(item.image, location.href).href)) {
        var im = document.createElement('img');
        im.src = item.image;
        im.alt = '';
        im.loading = 'lazy';
        im.addEventListener('error', function () {
          im.remove();
          var letter = document.createElement('span');
          letter.className = 'ra-assaf-cats__letter';
          letter.textContent = item.title.charAt(0);
          ring.appendChild(letter);
        }, { once: true });
        ring.appendChild(im);
      } else {
        var initial = document.createElement('span');
        initial.className = 'ra-assaf-cats__letter';
        initial.textContent = item.title.charAt(0);
        ring.appendChild(initial);
      }
      var label = document.createElement('span');
      label.className = 'ra-assaf-cats__name';
      label.textContent = item.title;
      a.appendChild(ring);
      a.appendChild(label);
      row.appendChild(a);
    });
    section.appendChild(row);
    var hero = main.querySelector('.s-block--hero-slider');
    if (hero) hero.insertAdjacentElement('afterend', section);
    else main.insertBefore(section, main.firstChild);
    return true;
  }

  function init() {
    addCategoryCircles();
    // Menus may render after the DOM becomes ready.
    [1100, 3000, 5500].forEach(function (time) {
      window.setTimeout(addCategoryCircles, time);
    });
  }
  if (document.readyState === 'loading') document.addEventListener('DOMContentLoaded', init, { once: true });
  else init();
})();