/* Add custom Js styles below */ 
/* ========================================================================
   المتجر الذهبي | سيكشن عرض ايفون 17 (مدى 10% + كود KSA100) — نسخة محسّنة للأداء
   ------------------------------------------------------------------------
   • مكان اللصق: تخصيص المظهر في سلة ← الأكواد ← خانة JavaScript (بدون <script>).
   • تحسين الأداء: المراقبة (Observer) بتفصل أول ما الشغل يخلص أو بعد 8 ثواني،
     وبترجع تشتغل بس وقت التنقّل بين الصفحات ← مفيش حمل مستمر.
   • كل القابل للتعديل في كائن CONFIG بالأسفل.
   ======================================================================== */
(function () {
  'use strict';

  /* ----------------------------- الإعدادات ----------------------------- */
  var CONFIG = {
    categoryId : '519184640',
    couponCode : 'KSA100',
    couponValue: 100,
    madaPercent: 10,
    offerProductIds: ["10367545","1227825417","1674815544","1026849486","694554337"],
    autoDetectViaApi: true,
    stickyOnProduct : false,      // الالتصاق مطفّي لتفادي التداخل مع ودجت "اشترِ مع بعض" بتاعة سلة
    urgencyText     : '',
    watchTimeoutMs  : 8000        // أقصى مدة للمراقبة بعد كل انتقال صفحة
  };

  /* ---------------------------- أدوات مساعدة ---------------------------- */
  var CAT_ID = String(CONFIG.categoryId);

  function isOfferCategoryPage() { return location.pathname.indexOf('c' + CAT_ID) !== -1; }
  function getProductId() { var m = location.pathname.match(/\/p(\d+)/); return m ? m[1] : null; }
  function el(html) { var d = document.createElement('div'); d.innerHTML = html.trim(); return d.firstElementChild; }
  function injectStyles() {
    if (document.getElementById('gs-offer-styles')) return;
    var css = document.createElement('style');
    css.id = 'gs-offer-styles';
    css.textContent = STYLES;
    document.head.appendChild(css);
  }

  /* ------------------------------- الستايل ------------------------------ */
  var STYLES = ''
    + ':root{--gs-gold:#dfa62a;--gs-gold-d:#b9831a;--gs-ink:#1d1d1f;--gs-cream:#fff8ec;}'
    + '.gs-offer{position:relative;z-index:1;direction:rtl;text-align:right;font-family:inherit;box-sizing:border-box;'
    +   'border-radius:18px;overflow:hidden;margin:18px 0;border:1px solid #f0e2c2;'
    +   'background:linear-gradient(135deg,#fffdf8 0%,#fff4dd 100%);'
    +   'box-shadow:0 10px 30px -16px rgba(185,131,26,.55);}'
    + '.gs-offer *{box-sizing:border-box;}'
    + '.gs-offer__top{display:flex;align-items:center;gap:10px;padding:14px 18px;'
    +   'background:linear-gradient(135deg,var(--gs-gold) 0%,var(--gs-gold-d) 100%);color:#fff;}'
    + '.gs-offer__top h3{margin:0;font-size:17px;font-weight:800;line-height:1.4;}'
    + '.gs-offer__badge{margin-inline-start:auto;background:rgba(255,255,255,.18);'
    +   'border:1px solid rgba(255,255,255,.35);padding:4px 11px;border-radius:999px;'
    +   'font-size:12px;font-weight:700;white-space:nowrap;}'
    + '.gs-offer__body{padding:16px 18px;}'
    + '.gs-deals{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:14px;}'
    + '.gs-deal{flex:1 1 220px;display:flex;align-items:center;gap:10px;background:#fff;'
    +   'border:1px solid #f0e2c2;border-radius:12px;padding:11px 13px;}'
    + '.gs-deal__ic{flex:0 0 38px;height:38px;display:grid;place-items:center;border-radius:10px;'
    +   'background:var(--gs-cream);font-size:19px;}'
    + '.gs-deal__t{font-weight:800;font-size:14px;color:var(--gs-ink);line-height:1.3;}'
    + '.gs-deal__s{font-size:12px;color:#6b6b6b;margin-top:2px;}'
    + '.gs-code{display:flex;align-items:center;gap:10px;flex-wrap:wrap;background:#fff;'
    +   'border:1.5px dashed var(--gs-gold);border-radius:12px;padding:11px 14px;}'
    + '.gs-code__lbl{font-size:13px;color:#555;font-weight:600;}'
    + '.gs-code__val{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:18px;font-weight:800;'
    +   'letter-spacing:1px;color:var(--gs-gold-d);background:var(--gs-cream);padding:4px 12px;border-radius:8px;}'
    + '.gs-copy{margin-inline-start:auto;border:0;cursor:pointer;border-radius:9px;padding:9px 16px;'
    +   'font-weight:800;font-size:13px;color:#fff;background:var(--gs-ink);transition:.15s;}'
    + '.gs-copy:hover{transform:translateY(-1px);}'
    + '.gs-copy.is-done{background:#1f8a4c;}'
    + '.gs-steps{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px;}'
    + '.gs-step{flex:1 1 150px;display:flex;align-items:center;gap:8px;font-size:12.5px;color:#444;'
    +   'background:#fff;border:1px solid #f0e2c2;border-radius:10px;padding:8px 10px;}'
    + '.gs-step__n{flex:0 0 22px;height:22px;display:grid;place-items:center;border-radius:50%;'
    +   'background:var(--gs-gold);color:#fff;font-weight:800;font-size:12px;}'
    + '.gs-note{font-size:11.5px;color:#8a7a55;margin-top:12px;line-height:1.6;}'
    + '.gs-offer--product{margin:14px 0;}'
    + '.gs-offer--product .gs-offer__top h3{font-size:15px;}'
    + '.gs-offer--product .gs-deal{flex:1 1 100%;}'
    + (CONFIG.stickyOnProduct ? '@media(min-width:1024px){.gs-offer--product{position:sticky;top:90px;}}' : '')
    + '@media(max-width:600px){.gs-offer__top h3{font-size:15px;}.gs-code__val{font-size:16px;}}';

  /* -------------------------- بناء البانر/السيكشن ----------------------- */
  function dealsBlock() {
    return ''
      + '<div class="gs-deals">'
      +   '<div class="gs-deal"><div class="gs-deal__ic">\uD83D\uDCB3</div><div>'
      +     '<div class="gs-deal__t">خصم ' + CONFIG.madaPercent + '% فوري</div>'
      +     '<div class="gs-deal__s">عند اختيار الدفع بـ <b>مدى</b></div></div></div>'
      +   '<div class="gs-deal"><div class="gs-deal__ic">\uD83D\uDCB0</div><div>'
      +     '<div class="gs-deal__t">+ ' + CONFIG.couponValue + ' ريال إضافية</div>'
      +     '<div class="gs-deal__s">بإضافة كود الخصم بالأسفل</div></div></div>'
      + '</div>';
  }
  function codeBlock() {
    return ''
      + '<div class="gs-code">'
      +   '<span class="gs-code__lbl">كود الخصم الإضافي:</span>'
      +   '<span class="gs-code__val">' + CONFIG.couponCode + '</span>'
      +   '<button type="button" class="gs-copy" data-gs-copy="' + CONFIG.couponCode + '">نسخ الكود</button>'
      + '</div>';
  }
  function stepsBlock() {
    return ''
      + '<div class="gs-steps">'
      +   '<div class="gs-step"><span class="gs-step__n">1</span> اختر جهازك وأضفه للسلة</div>'
      +   '<div class="gs-step"><span class="gs-step__n">2</span> اختر <b>مدى</b> كوسيلة دفع (خصم ' + CONFIG.madaPercent + '%)</div>'
      +   '<div class="gs-step"><span class="gs-step__n">3</span> أضف كود <b>' + CONFIG.couponCode + '</b> لخصم ' + CONFIG.couponValue + ' ريال</div>'
      + '</div>';
  }
  function badge() {
    return CONFIG.urgencyText ? '<span class="gs-offer__badge">\u23F3 ' + CONFIG.urgencyText + '</span>' : '';
  }
  function buildCategoryBanner() {
    return el(
      '<section id="gs-offer-cat" class="gs-offer">'
      + '<div class="gs-offer__top"><span style="font-size:20px">\uD83D\uDD25</span>'
      +   '<h3>عرض ايفون 17 برو ماكس — وفّر مرتين!</h3>' + badge() + '</div>'
      + '<div class="gs-offer__body">' + dealsBlock() + codeBlock() + stepsBlock()
      +   '<p class="gs-note">الخصمان قابلان للجمع: خصم مدى ' + CONFIG.madaPercent + '% يُحتسب تلقائياً عند الدفع، '
      +     'وكود <b>' + CONFIG.couponCode + '</b> يضيف ' + CONFIG.couponValue + ' ريال إضافية على نفس الطلب.</p>'
      + '</div></section>'
    );
  }
  function buildProductCard() {
    return el(
      '<section id="gs-offer-prod" class="gs-offer gs-offer--product">'
      + '<div class="gs-offer__top"><span style="font-size:18px">\u2705</span>'
      +   '<h3>هذا المنتج ضمن عرض ايفون 17</h3>' + badge() + '</div>'
      + '<div class="gs-offer__body">' + dealsBlock() + codeBlock() + stepsBlock() + '</div></section>'
    );
  }

  /* ------------------------- نسخ الكود (delegation) --------------------- */
  document.addEventListener('click', function (e) {
    var btn = e.target.closest && e.target.closest('[data-gs-copy]');
    if (!btn) return;
    var code = btn.getAttribute('data-gs-copy');
    var done = function () {
      var orig = btn.textContent;
      btn.textContent = '\u2714 تم النسخ';
      btn.classList.add('is-done');
      setTimeout(function () { btn.textContent = orig; btn.classList.remove('is-done'); }, 1800);
    };
    if (navigator.clipboard && navigator.clipboard.writeText) {
      navigator.clipboard.writeText(code).then(done).catch(fallbackCopy);
    } else { fallbackCopy(); }
    function fallbackCopy() {
      var t = document.createElement('textarea');
      t.value = code; t.style.position = 'fixed'; t.style.opacity = '0';
      document.body.appendChild(t); t.select();
      try { document.execCommand('copy'); done(); } catch (_) {}
      document.body.removeChild(t);
    }
  });

  /* ----------------------- منطق الحقن في الصفحات ------------------------ */
  function placeCategoryBanner() {
    if (document.getElementById('gs-offer-cat')) return true;
    var anchor = document.querySelector('salla-products-list, .s-products-list, [id*="products"]');
    if (anchor && anchor.parentNode) { anchor.parentNode.insertBefore(buildCategoryBanner(), anchor); return true; }
    var main = document.querySelector('main, #app main, .s-block');
    if (main) { main.insertBefore(buildCategoryBanner(), main.firstChild); return true; }
    return false;
  }
  function placeProductCard() {
    if (document.getElementById('gs-offer-prod')) return true;
    var btn = document.querySelector('salla-add-product-button, .product-form__submit, [name="add-to-cart"]');
    if (btn) {
      var host = btn.closest('form, .product-form, .product-details') || btn.parentNode;
      host.parentNode.insertBefore(buildProductCard(), host);
      return true;
    }
    return false;
  }

  var apiCache = {};
  function productQualifies(pid, cb) {
    if (CONFIG.offerProductIds.map(String).indexOf(String(pid)) !== -1) return cb(true);
    if (apiCache.hasOwnProperty(pid)) return cb(apiCache[pid]);
    if (CONFIG.autoDetectViaApi && window.salla && salla.product &&
        typeof salla.product.getDetails === 'function') {
      try {
        salla.product.getDetails(pid).then(function (res) {
          var data = (res && res.data) ? res.data : res || {};
          var cats = data.categories || [];
          var ok = Array.isArray(cats) && cats.some(function (c) {
            return String(c && (c.id != null ? c.id : c)) === CAT_ID;
          });
          apiCache[pid] = ok; cb(ok);
        }).catch(function () { apiCache[pid] = false; cb(false); });
        return;
      } catch (e) {}
    }
    cb(false);
  }

  function cleanupIfNeeded() {
    if (!isOfferCategoryPage()) { var c = document.getElementById('gs-offer-cat'); if (c) c.remove(); }
    if (!getProductId())       { var p = document.getElementById('gs-offer-prod'); if (p) p.remove(); }
  }

  function ensure() {
    injectStyles();
    cleanupIfNeeded();
    if (isOfferCategoryPage()) { placeCategoryBanner(); return; }
    var pid = getProductId();
    if (pid && !document.getElementById('gs-offer-prod')) {
      productQualifies(pid, function (ok) { if (ok) placeProductCard(); });
    }
  }

  // هل خلصنا شغل الصفحة الحالية؟ (لو أيوه ← نفصل المراقبة)
  function doneForThisPage() {
    if (isOfferCategoryPage()) return !!document.getElementById('gs-offer-cat');
    if (getProductId())        return !!document.getElementById('gs-offer-prod');
    return true; // صفحة مالهاش علاقة بالعرض ← مفيش داعي للمراقبة
  }

  /* --------------- دورة حياة المراقبة (تفصل بعد ما تخلص) ---------------- */
  var observer = null, debounceT = null, stopT = null;
  function debouncedEnsure() {
    clearTimeout(debounceT);
    debounceT = setTimeout(function () { ensure(); if (doneForThisPage()) stopWatching(); }, 120);
  }
  function startWatching() {
    ensure();
    if (doneForThisPage()) return;            // مفيش حاجة نراقبها أصلاً
    if (observer) return;
    observer = new MutationObserver(debouncedEnsure);
    observer.observe(document.body, { childList: true, subtree: true });
    clearTimeout(stopT);
    stopT = setTimeout(stopWatching, CONFIG.watchTimeoutMs); // سقف أمان
  }
  function stopWatching() {
    if (observer) { observer.disconnect(); observer = null; }
    clearTimeout(stopT); clearTimeout(debounceT);
  }
  function onNavigate() { stopWatching(); startWatching(); } // إعادة تشغيل عند تغيّر الصفحة

  /* ----------------------------- التشغيل ------------------------------- */
  function boot() {
    startWatching();
    window.addEventListener('popstate', onNavigate);
    ['pushState', 'replaceState'].forEach(function (fn) {
      var orig = history[fn];
      if (typeof orig !== 'function') return;
      history[fn] = function () {
        var r = orig.apply(this, arguments);
        setTimeout(onNavigate, 50);
        return r;
      };
    });
    if (window.salla && salla.event && salla.event.document &&
        typeof salla.event.document.onReady === 'function') {
      try { salla.event.document.onReady(onNavigate); } catch (e) {}
    }
  }

  if (document.readyState === 'loading') {
    document.addEventListener('DOMContentLoaded', boot);
  } else { boot(); }
})();
// ============================================
// روابط "عرض المزيد"
// ============================================

document.addEventListener("DOMContentLoaded", function() {
    function addViewMoreLink(selector, url) {
        const container = document.querySelector(selector);
        if (container) {
            const link = document.createElement('a');
            link.href = url;
            link.textContent = 'عرض الكل';
            link.className = 'view-more-link';
            container.appendChild(link);
        }
    }

    addViewMoreLink(
        'body.index #featured-products-style2-8 > div > div.tabs.hide-scroll',
        'https://salla.sa/goldenstore99/%D8%A8%D8%A7%D9%82%D8%A7%D8%AA-%D8%A7%D9%86%D8%AA%D8%B1%D9%86%D8%AA/c684350059'
    );

    addViewMoreLink(
        'body.index #featured-products-style2-10 > div > div.tabs.hide-scroll',
        'https://goldenstore99.com/%D8%AC%D9%88%D8%A7%D9%84%D8%A7%D8%AA/c406824337'
    );

    addViewMoreLink(
        'body.index #featured-products-style2-12 > div > div.tabs.hide-scroll',
        'https://goldenstore99.com/%D8%A7%D9%83%D8%B3%D8%B3%D9%88%D8%B1%D8%A7%D8%AA-%D8%A7%D9%84%D8%AC%D9%88%D8%A7%D9%84%D8%A7%D8%AA/c594909879'
    );

    addViewMoreLink(
        'body.index #featured-products-style2-11 > div > div.tabs.hide-scroll',
        'https://goldenstore99.com/%D8%A3%D8%AC%D9%87%D8%B2%D8%A9-%D8%A8%D9%84%D8%A7%D9%8A%D8%B3%D8%AA%D9%8A%D8%B4%D9%86/c165319'
    );

    addViewMoreLink(
        'body.index #featured-products-style2-13 > div > div.tabs.hide-scroll',
        'https://goldenstore99.com/%D9%82%D9%8A%D9%85%D9%86%D9%82-%D9%88%D8%A7%D9%83%D8%B3%D8%B3%D9%88%D8%A7%D8%B1%D8%A7%D8%AA/c1119766022'
    );
  addViewMoreLink(
        'body.index #featured-products-style2-14 > div > div.tabs.hide-scroll',
        'https://salla.sa/goldenstore99/%D8%A7%D9%83%D8%B3%D8%B3%D9%88%D8%A7%D8%B1%D8%A7%D8%AA-%D8%B3%D9%8A%D8%A7%D8%B1%D8%A7%D8%AA/c929283046'
    );

    addViewMoreLink(
        'body.index #featured-products-style2-16 > div > div.tabs.hide-scroll',
        'https://goldenstore99.com/%D8%B3%D8%A7%D8%B9%D8%A7%D8%AA-%D8%B0%D9%83%D9%8A%D8%A9/c607113631'
    );
   addViewMoreLink(
        'body.index #featured-products-style2-18 > div > div.tabs.hide-scroll',
        'https://salla.sa/goldenstore99/%D8%A3%D8%AC%D9%87%D8%B2%D8%A9-%D9%84%D9%88%D8%AD%D9%8A%D8%A9/c1172936161'
    );
   addViewMoreLink(
        'body.index #featured-products-style2-20 > div > div.tabs.hide-scroll',
        'https://salla.sa/goldenstore99/%D8%A3%D8%AC%D9%87%D8%B2%D8%A9-%D8%A8%D9%84%D8%A7%D9%8A%D8%B3%D8%AA%D9%8A%D8%B4%D9%86/c1653191080'
    );
   addViewMoreLink(
        'body.index #featured-products-style2-23 > div > div.tabs.hide-scroll',
        'https://salla.sa/goldenstore99/%D9%83%D9%85%D8%A8%D9%8A%D9%88%D8%AA%D8%B1%D8%A7%D8%AA-%D9%88%D9%85%D9%84%D8%AD%D9%82%D8%A7%D8%AA%D9%87%D8%A7/c31173287'
    );
   addViewMoreLink(
        'body.index #featured-products-style2-25 > div > div.tabs.hide-scroll',
        'https://salla.sa/goldenstore99/%D8%B3%D9%85%D8%A7%D8%B9%D8%A7%D8%AA/c694235246'
    );
});


/*
 * ====================================
 * كود البانر والبوب أب لصفحة التقسيط
 * ====================================
 * 
 * الوظائف:
 * 1. إضافة بانر بعرض الشاشة بعد الـ Breadcrumbs
 * 2. إظهار بوب أب في منتصف الشاشة مع رابط واتساب
 * 
 * الصفحة المستهدفة: تقسيط جوالات (c49435573)
 * 
 * ملاحظة: البوب أب يظهر في كل مرة يتم فيها تحميل الصفحة
 * ====================================
 */

(function() {
  'use strict';
  
  // دالة التحقق من الصفحة وإضافة العناصر
  function initCategoryCustomization() {
    const currentURL = window.location.href;
    
    // التحقق من أننا في صفحة التقسيط
    if (!currentURL.includes('/c49435573')) {
      return;
    }
    
    // ============ إضافة البانر ============
    addBanner();
    
    // ============ إضافة البوب أب ============
    addPopup();
  }
  
  // دالة إضافة البانر
  function addBanner() {
    // التحقق من عدم وجود البانر مسبقاً
    if (document.querySelector('.custom-category-banner')) {
      return;
    }
    
    const breadcrumbs = document.querySelector('.breadcrumbs');
    
    if (!breadcrumbs) {
      return;
    }
    
    const bannerContainer = document.createElement('div');
    bannerContainer.className = 'custom-category-banner';
    bannerContainer.style.cssText = `
      width: 100%;
      margin: 20px 0;
      overflow: hidden;
    `;
    
    const bannerLink = document.createElement('a');
    bannerLink.href = 'https://api.whatsapp.com/send?phone=966544557009&text=https://goldenstore99.com/%D8%AA%D9%82%D8%B3%D9%8A%D8%B7-%D8%AC%D9%88%D8%A7%D9%84%D8%A7%D8%AA/c49435573%20%0a';
    bannerLink.target = '_blank';
    bannerLink.rel = 'noopener noreferrer';
    
    const bannerImg = document.createElement('img');
    bannerImg.src = 'https://i.postimg.cc/FFfM19sx/banr-jwldn-(1).webp';
    bannerImg.alt = 'تقسيط جوالات';
    bannerImg.style.cssText = `
      width: 100%;
      height: auto;
      display: block;
      border-radius: 8px;
    `;
    
    bannerLink.appendChild(bannerImg);
    bannerContainer.appendChild(bannerLink);
    breadcrumbs.insertAdjacentElement('afterend', bannerContainer);
  }
  
  // دالة إضافة البوب أب
  function addPopup() {
    // التحقق من عدم وجود البوب أب مسبقاً
    if (document.getElementById('custom-popup-overlay')) {
      return;
    }
    
    // إنشاء overlay
    const overlay = document.createElement('div');
    overlay.id = 'custom-popup-overlay';
    overlay.style.cssText = `
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: rgba(0, 0, 0, 0.7);
      display: flex;
      align-items: center;
      justify-content: center;
      z-index: 99999;
      opacity: 0;
      transition: opacity 0.3s ease;
    `;
    
    // إنشاء البوب أب
    const popup = document.createElement('div');
    popup.style.cssText = `
      position: relative;
      max-width: 90%;
      max-height: 90vh;
      background: white;
      border-radius: 12px;
      padding: 20px;
      box-shadow: 0 10px 40px rgba(0,0,0,0.3);
      transform: scale(0.8);
      transition: transform 0.3s ease;
    `;
    
    // زر الإغلاق
    const closeBtn = document.createElement('button');
    closeBtn.innerHTML = '✕';
    closeBtn.style.cssText = `
      position: absolute;
      top: 10px;
      right: 10px;
      background: #ff4444;
      color: white;
      border: none;
      border-radius: 50%;
      width: 35px;
      height: 35px;
      font-size: 20px;
      cursor: pointer;
      z-index: 1;
      display: flex;
      align-items: center;
      justify-content: center;
      transition: background 0.2s;
    `;
    closeBtn.onmouseover = () => closeBtn.style.background = '#cc0000';
    closeBtn.onmouseout = () => closeBtn.style.background = '#ff4444';
    
    // الرابط والصورة
    const popupLink = document.createElement('a');
    popupLink.href = 'https://api.whatsapp.com/send?phone=966544557009&text=https://goldenstore99.com/%D8%AA%D9%82%D8%B3%D9%8A%D8%B7-%D8%AC%D9%88%D8%A7%D9%84%D8%A7%D8%AA/c49435573%20%0a';
    popupLink.target = '_blank';
    popupLink.rel = 'noopener noreferrer';
    
    const popupImg = document.createElement('img');
    popupImg.src = 'https://i.postimg.cc/Ghw52Gfq/Group-5-(1).png';
    popupImg.alt = 'تواصل معنا';
    popupImg.style.cssText = `
      display: block;
      max-width: 100%;
      height: auto;
      border-radius: 8px;
    `;
    
    popupLink.appendChild(popupImg);
    popup.appendChild(closeBtn);
    popup.appendChild(popupLink);
    overlay.appendChild(popup);
    document.body.appendChild(overlay);
    
    // إظهار البوب أب بعد ثانية
    setTimeout(() => {
      overlay.style.opacity = '1';
      popup.style.transform = 'scale(1)';
    }, 1000);
    
    // وظيفة الإغلاق
    const closePopup = () => {
      overlay.style.opacity = '0';
      popup.style.transform = 'scale(0.8)';
      setTimeout(() => {
        overlay.remove();
      }, 300);
    };
    
    closeBtn.onclick = closePopup;
    overlay.onclick = (e) => {
      if (e.target === overlay) closePopup();
    };
  }
  
  // تشغيل الكود عند تحميل الصفحة
  if (document.readyState === 'loading') {
    document.addEventListener('DOMContentLoaded', initCategoryCustomization);
  } else {
    initCategoryCustomization();
  }
  
  // مراقبة تغييرات الـ URL في حالة SPA
  let lastUrl = location.href;
  new MutationObserver(() => {
    const url = location.href;
    if (url !== lastUrl) {
      lastUrl = url;
      setTimeout(initCategoryCustomization, 500);
    }
  }).observe(document, { subtree: true, childList: true });
  
})();


document.addEventListener("DOMContentLoaded", () => {
    if (location.href.includes('c684350059')) {
    document.querySelectorAll('.cat-content .bg-primary.rounded-full').forEach(el => {
        el.style.backgroundColor = '#fff';
    });
  }
});





// كود خصم 10% علي مدار

document.addEventListener("DOMContentLoaded", function () {

    const priceContainer = document.querySelector('.product-price-top');
    if (!priceContainer) return;

    const priceElement = priceContainer.querySelector('.total-price');
    if (!priceElement) return;

    // استخراج السعر كرقم
    let priceText = priceElement.textContent.replace(/[^\d.]/g, '');
    let price = parseFloat(priceText);

    if (isNaN(price)) return;

    // الحسابات
    let madfuPrice = Math.round(price * 0.9);
    let saving = price - madfuPrice;

    // إنشاء العنصر
    const madfuBox = document.createElement('div');
    madfuBox.style = `
        direction: rtl;
        margin-top: 12px;
        background: #f5f5f5;
        border: 1px solid #e0e0e0;
        border-radius: 10px;
        padding: 12px 16px;
        display: flex;
        align-items: center;
        gap: 12px;
        font-family: inherit;
    `;

    madfuBox.innerHTML = `
    <div style="display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;direction:rtl;">
    <div style="background:#1D9E75;color:#fff;border-radius:6px;padding:4px 10px;font-size:13px;font-weight:500;white-space:nowrap;">
        مدي
    </div>

    <div style="font-size:13px;color:#666;line-height:1.5;flex:1;">
        السعر عند الدفع بـ <strong>مدي</strong><br>
        <span style="font-size:12px;">خصم إضافي 10% على سعر البيع</span>
    </div>

    <div style="text-align:center;white-space:nowrap;">
        <span style="font-size:18px;font-weight:600;color:#1D9E75;">
            ${madfuPrice.toLocaleString()} <i class="sicon-sar"></i>
        </span>
        <p style="font-size:12px;color:#888;margin:2px 0 0;">
            توفير ${saving.toLocaleString()} <i class="sicon-sar"></i>
        </p>
    </div>
</div>
    `;

    // إضافته بعد السعر
    priceContainer.appendChild(madfuBox);

});




document.addEventListener("DOMContentLoaded", function () {
  const section = document.querySelector(".s-block.s-block--rectangular-links");

  if (!section || section.querySelector(".terms-note")) return;

  const span = document.createElement("span");
  span.className = "terms-note";
  span.textContent = "تطبق الشروط والأحكام";

  span.style.display = "block";
  span.style.textAlign = "center";
  span.style.marginTop = "20px";
  span.style.fontSize = "14px";
  span.style.color = "#666";

  section.appendChild(span);
});





// ***********
// (function () {
//   // ==== إعدادات ====
//   var SHOW_DELAY_MS = 1500; // تأخير الظهور بعد تحميل الصفحة (بالميلي ثانية)

//   // ==== الأنماط (CSS) ====
//   var style = document.createElement('style');
//   style.textContent = `
//     @import url('https://fonts.googleapis.com/css2?family=Tajawal:wght@400;500;700;900&family=Poppins:wght@800;900&display=swap');

//     #sallaPopupOverlay{
//       position:fixed;
//       inset:0;
//       background:rgba(0,0,0,0.55);
//       display:none;
//       align-items:center;
//       justify-content:center;
//       z-index:999999;
//       padding:16px;
//       direction:rtl;
//       font-family:'Tajawal', sans-serif;
//     }
//     #sallaPopupOverlay.active{
//       display:flex;
//     }
//     .sp-frame{
//       position:relative;
//       width:100%;
//       max-width:430px;
//       background:#eeeeee;
//       border-radius:12px;
//       overflow:hidden;
//       box-shadow:0 10px 30px rgba(0,0,0,0.35);
//       animation:spPop .25s ease;
//     }
//     @keyframes spPop{
//       from{ transform:scale(.9); opacity:0; }
//       to{ transform:scale(1); opacity:1; }
//     }
//     .sp-close{
//       position:absolute;
//       top:8px;
//       left:8px;
//       width:30px;
//       height:30px;
//       border-radius:50%;
//       background:rgba(0,0,0,0.55);
//       color:#fff;
//       border:none;
//       font-size:18px;
//       line-height:1;
//       cursor:pointer;
//       z-index:10;
//       display:flex;
//       align-items:center;
//       justify-content:center;
//     }
//     .sp-hero{
//       position:relative;
//       background:#eeeeee;
//       padding:0;
//     }
//     .sp-hero-img{
//       display:block;
//       width:100%;
//       height:auto;
//     }
//     .sp-caption{
//       text-align:center;
//       font-size:18px;
//       font-weight:700;
//       color:#1c1c1c;
//       padding:12px 20px 12px;
//       margin-top:-41px;
//       position:relative;
//       background:linear-gradient(0deg,rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
//     }
//     .sp-band{
//       background:#b3e6f2;
//       text-align:center;
//       padding:16px 10px;
//     }
//     .sp-band .sp-amt{
//       font-weight:800;
//       font-size:34px;
//       color:#4a5a63;
//     }
//     .sp-payline{
//       text-align:center;
//       font-size:14px;
//       font-weight:500;
//       color:#2b2b2b;
//       background:#eeeeee;
//       padding:16px 10px 8px;
//     }
//     .sp-codebox-wrap{
//       text-align:center;
//       background:#eeeeee;
//       padding:6px 20px 20px;
//     }
//     .sp-codebox{
//       display:inline-block;
//       border:2px dashed #e8971e;
//       border-radius:6px;
//       padding:10px 34px;
//       font-family:'Poppins', sans-serif;
//       font-weight:800;
//       font-size:20px;
//       color:#e8971e;
//       letter-spacing:1px;
//     }
//     .sp-cta-wrap{
//       padding:0 20px 26px;
//       background:#eeeeee;
//     }
//     .sp-cta{
//       display:block;
//       width:100%;
//       border:none;
//       border-radius:26px;
//       padding:14px;
//       background:#3ec97e;
//       color:#ffffff;
//       font-family:'Tajawal', sans-serif;
//       font-weight:700;
//       font-size:15px;
//       cursor:pointer;
//     }
//   `;
//   document.head.appendChild(style);

//   // ==== HTML البوب أب ====
//   var overlay = document.createElement('div');
//   overlay.id = 'sallaPopupOverlay';
//   overlay.innerHTML = `
//     <div class="sp-frame">
//       <button class="sp-close" id="spCloseBtn">&times;</button>
//       <div class="sp-hero">
//         <img class="sp-hero-img" src="https://img.imgdd.com/1950ced8-a922-49ca-a78d-d4e8cf844b61.png" alt="عرض المنتجات">
//       </div>
//       <div class="sp-caption">لا تفوّت عرضك من المتجر الذهبي</div>
//       <div class="sp-band"><div class="sp-amt">20% خصم</div></div>
//       <div class="sp-payline">عند الدفع باستخدام مدفوع</div>
//       <div class="sp-codebox-wrap">
//         <span class="sp-codebox" id="spCodeValue">MAD20</span>
//       </div>
//       <div class="sp-cta-wrap">
//         <button class="sp-cta" id="spCtaBtn">فعّل الخصم</button>
//       </div>
//     </div>
//   `;
//   document.body.appendChild(overlay);

//   // ==== وظائف التحكم ====
//   function openPopup() {
//     overlay.classList.add('active');
//   }
//   function closePopup() {
//     overlay.classList.remove('active');
//   }

//   document.getElementById('spCloseBtn').addEventListener('click', closePopup);
//   overlay.addEventListener('click', function (e) {
//     if (e.target === overlay) closePopup();
//   });

//   document.getElementById('spCtaBtn').addEventListener('click', function () {
//     var code = document.getElementById('spCodeValue').textContent.trim();
//     var btn = this;
//     var originalText = btn.textContent;

//     function showCopied() {
//       btn.textContent = 'تم نسخ الكود ✓';
//       btn.style.background = '#2fae67';
//       setTimeout(function () {
//         btn.textContent = originalText;
//         btn.style.background = '#3ec97e';
//       }, 1800);
//     }

//     if (navigator.clipboard && navigator.clipboard.writeText) {
//       navigator.clipboard.writeText(code).then(showCopied).catch(function () {
//         fallbackCopy(code);
//         showCopied();
//       });
//     } else {
//       fallbackCopy(code);
//       showCopied();
//     }
//   });

//   function fallbackCopy(text) {
//     var ta = document.createElement('textarea');
//     ta.value = text;
//     ta.style.position = 'fixed';
//     ta.style.opacity = '0';
//     document.body.appendChild(ta);
//     ta.select();
//     try { document.execCommand('copy'); } catch (e) {}
//     document.body.removeChild(ta);
//   }

//   // ==== إظهار البوب أب تلقائياً بعد تحميل الصفحة ====
//   window.addEventListener('load', function () {
//     setTimeout(openPopup, SHOW_DELAY_MS);
//   });
// })();

// ****************************
document.addEventListener('DOMContentLoaded', function () {

  // ===== 1) إضافة الـ CSS =====
  var style = document.createElement('style');
  style.innerHTML = `
    .custom-mobile-bottom-nav {
      display: none;
    }
    @media (max-width: 768px) {
      .custom-mobile-bottom-nav {
        display: flex;
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: 9999;
        background: #ffffff;
        border-top: 1px solid #eee;
        box-shadow: 0 -2px 8px rgba(0,0,0,0.06);
        justify-content: space-around;
        align-items: center;
        padding: 6px 0;
        z-index: 1000000000000000000;
        padding-bottom: calc(6px + env(safe-area-inset-bottom));
      }
      .custom-mobile-bottom-nav a,
      .custom-mobile-bottom-nav button {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 4px;
        background: none;
        border: none;
        color: #333;
        text-decoration: none;
        font-size: 11px;
        flex: 1;
        cursor: pointer;
        padding: 4px 0;
      }
      .custom-mobile-bottom-nav img {
        width: 22px;
        height: 22px;
      }
      /* عشان الصفحة متبقاش مخفية تحت المنيو */
      body {
        padding-bottom: 60px;
      }
    }
  `;
  document.head.appendChild(style);

  // ===== 2) بناء المنيو =====
  var nav = document.createElement('div');
  nav.className = 'custom-mobile-bottom-nav';

  var items = [
    {
      type: 'link',
      text: 'الرئيسية',
      href: 'https://goldenstore99.com/',
      icon: 'https://cdn.jsdelivr.net/gh/Abarakat30/svg-host@main/1788436485052-1js6j-home-6-line_1_.svg'
    },
    {
      type: 'link',
      text: 'العروض',
      href: 'https://goldenstore99.com/%D8%B9%D8%B1%D9%88%D8%B6-%D8%A7%D9%84%D9%85%D8%AA%D8%AC%D8%B1-%D8%A7%D9%84%D8%B0%D9%87%D8%A8%D9%8A/c878432409',
      icon: 'https://cdn.jsdelivr.net/gh/Abarakat30/svg-host@main/1788436476656-eh4lk-coupon-2-line.svg'
    },
    {
      type: 'link',
      text: 'باقات انترنت',
      href: 'https://goldenstore99.com/%D8%A8%D8%A7%D9%82%D8%A7%D8%AA-%D8%A7%D9%86%D8%AA%D8%B1%D9%86%D8%AA/c684350059',
      icon: 'https://cdn.jsdelivr.net/gh/Abarakat30/svg-host@main/1788436471991-y7vnz-global-line.svg'
    },
    {
      type: 'link',
      text: 'جوالات',
      href: 'https://goldenstore99.com/%D8%AC%D9%88%D8%A7%D9%84%D8%A7%D8%AA/c406824337',
      icon: 'https://cdn.jsdelivr.net/gh/Abarakat30/svg-host@main/1788436467473-dv92q-smartphone-line.svg'
    },
    {
      type: 'search',
      text: 'بحث'
    }
  ];

  items.forEach(function (item) {
    if (item.type === 'link') {
      var a = document.createElement('a');
      a.href = item.href;
      a.innerHTML = '<img src="' + item.icon + '" alt="' + item.text + '"><span>' + item.text + '</span>';
      nav.appendChild(a);
    } else if (item.type === 'search') {
      var btn = document.createElement('button');
      btn.setAttribute('aria-label', 'Search');
      btn.innerHTML = '<span class="header-btn__icon icon sicon-search" style="font-size:22px;"></span><span>' + item.text + '</span>';
      btn.addEventListener('click', function (e) {
        e.preventDefault();
        if (window.salla && salla.event && typeof salla.event.dispatch === 'function') {
          salla.event.dispatch('search::open');
        }
      });
      nav.appendChild(btn);
    }
  });

  document.body.appendChild(nav);
});

// ******

(function() {
  const originalAttachShadow = Element.prototype.attachShadow;
  Element.prototype.attachShadow = function(options) {
    // إجبار كل الشادو روتس تبقى open
    return originalAttachShadow.call(this, { ...options, mode: 'open' });
  };
})();

function injectResponsiveStyle(host) {
  if (host.shadowRoot.querySelector('#my-injected-style')) return;

  const style = document.createElement('style');
  style.id = 'my-injected-style';
  style.textContent = `
    @media (max-width: 991px) {
      div[style*="position: fixed"] {
        bottom: 290px !important;
      }
    }
  `;
  host.shadowRoot.appendChild(style);
}

const observer = new MutationObserver(() => {
  const host = document.querySelector('#bcio-whatsapp-widget');
  if (host && host.shadowRoot && !host.shadowRoot.querySelector('#my-injected-style')) {
    injectResponsiveStyle(host);
  }
});

observer.observe(document.body, { childList: true, subtree: true });