/* Back button for target categories — Salla JS box (no <script> tags) */
(function () {
  'use strict';

  // --- CONFIG ---
  var BTN_TEXT = 'عرض موقع الألوان';
  var BTN_URL  = 'https://starnight.sa/';            // ← change if needed
  var RAW_TARGETS = [
    'خزائن ملابس',
    'دولاب',
    'كمدونات',
    'غرف نوم',
    'غرفة نوم'   // ← أضفنا المفرد أيضاً
  ];

  // Selectors (works with your HTML)
  var SEL_TITLE = 'h1.product-main-title, .product-title h1, .prod-main-content h1';
  var SEL_CATS  = '.product-category-name a, .breadcrumbs a, nav.breadcrumbs a, [itemprop="breadcrumb"] a';
  var SEL_WRAP  = '.main-content.prod-main-content, .prod-main-content, .product-info, .product-details';

  // --- HELPERS ---
  function t(s){ return (s||'').replace(/\s+/g,' ').trim(); }
  function norm(s){
    return t((s||'').normalize('NFC'))
      .replace(/[\u064B-\u065F\u0670\u06D6-\u06ED\u200C\u200F]/g,'') // remove harakat/ZW
      .replace(/[إأآ]/g,'ا');
  }
  var TARGETS = new Set(RAW_TARGETS.map(norm));
  var added = false;

  function inTargetCategory(){
    var as = Array.from(document.querySelectorAll(SEL_CATS));
    if (!as.length) return false;

    var labels = as.map(a => norm(a.textContent));
    var slugs  = as.flatMap(a => {
      try {
        var u = new URL(a.href, location.origin);
        return decodeURIComponent(u.pathname).split('/').filter(Boolean).map(norm);
      } catch(e){ return []; }
    });

    var pool = new Set(labels.concat(slugs));
    for (var v of TARGETS) if (pool.has(v)) return true;
    return false;
  }

  function makeBtn(){
    var a = document.createElement('a');
    a.className = 'custom-back-button';
    a.textContent = BTN_TEXT;
    a.href = BTN_URL;
    a.style.cssText = 'display:inline-block;margin:12px 0;padding:10px 14px;border:1px solid #e5e7eb;border-radius:12px;font-weight:600;text-decoration:none';
    a.addEventListener('click', function(){
      this.href = BTN_URL + (BTN_URL.includes('?') ? '&' : '?')
        + 'orig_ref=' + encodeURIComponent(location.href);
    });
    return a;
  }

  function insert(){
    if (added) return true;
    if (!inTargetCategory()) return false;

    var title = document.querySelector(SEL_TITLE);
    var wrap  = document.querySelector(SEL_WRAP);

    if (document.querySelector('.custom-back-button')) { added = true; return true; }

    var btn = makeBtn();
    if (title) { title.insertAdjacentElement('afterend', btn); added = true; return true; }
    if (wrap)  { wrap.insertAdjacentElement('afterbegin', btn); added = true; return true; }
    return false;
  }

  function tick(){ requestAnimationFrame(insert); }

  // --- BOOT & RESILIENCE ---
  tick();
  document.addEventListener('DOMContentLoaded', tick);
  window.addEventListener('load', tick);

  if (window.Salla && typeof Salla.onReady === 'function') Salla.onReady(tick);
  if (window.salla && typeof salla.onReady === 'function') salla.onReady(tick);

  var mo = new MutationObserver(function(){
    if (!document.querySelector('.custom-back-button')) added = false;
    tick();
  });
  mo.observe(document.documentElement, { childList:true, subtree:true });

  (function(){
    var ev = new Event('locationchange');
    var p = history.pushState, r = history.replaceState;
    history.pushState = function(){ var out = p.apply(this, arguments); window.dispatchEvent(ev); return out; };
    history.replaceState = function(){ var out = r.apply(this, arguments); window.dispatchEvent(ev); return out; };
    window.addEventListener('popstate', function(){ window.dispatchEvent(ev); });
    window.addEventListener('locationchange', function(){ added = false; tick(); });
  })();

  var tries = 0, iv = setInterval(function(){
    if (added || ++tries > 60) return clearInterval(iv);
    tick();
  }, 250);
})();