/* MANSOUR STORE | HEADER v3.0
   يُلصق مباشرة في JavaScript المخصص في سلة، بدون وسم <script>.
   البحث أيقونة تفتح البحث الأصلي - الأقسام وسط الهيدر - زر عملة وظيفي.
*/
(function () {
  'use strict';
  var VERSION = '3.0';
  document.documentElement.setAttribute('data-mansour-js', VERSION);

  var selectors = {
    logo: [
      '[data-testid="store-header-logo"]', 'a.navbar-brand',
      'a.header-logo', 'a.site-logo', '.header-logo a', '.site-logo a'
    ],
    search: [
      '.header-search', '[data-testid="store-header-search"]',
      '.search-container:has(salla-search)', 'salla-search', 'form[role="search"]'
    ],
    menu: [
      'custom-main-menu', '[data-testid="store-header-main-menu"]',
      'nav.main-menu', 'nav.header-menu', '.header-categories',
      '.categories-menu', 'ul.main-menu'
    ],
    account: [
      'salla-user-menu', '[data-testid="store-header-user-menu"]',
      '.header-btn:has(.sicon-user)', 'a:has(> .sicon-user)',
      'button:has(> .sicon-user)'
    ],
    cart: [
      'salla-cart-summary', '[data-testid="store-header-cart"]',
      '.header-cart', '.header-btn:has(.sicon-shopping-bag)',
      'a:has(> .sicon-shopping-bag)'
    ],
    toggle: [
      '[data-testid="store-header-mobile-toggle"]',
      'a.mburger', '.menu-trigger', 'a[href="#mobile-menu"]'
    ]
  };

  function first(root, list) {
    if (!root) return null;
    for (var i = 0; i < list.length; i++) {
      try {
        var found = root.querySelector(list[i]);
        if (found) return found;
      } catch (ignored) {}
    }
    return null;
  }

  function directChildOf(el, parent) {
    while (el && el.parentElement && el.parentElement !== parent) {
      el = el.parentElement;
    }
    return el && el.parentElement === parent ? el : null;
  }

  function detect() {
    var h = document.querySelector('header.store-header, .store-header');
    var main = h && (h.querySelector('#mainnav') || h.querySelector('.main-nav-container'));
    var inner = main && (main.querySelector(':scope > .inner') || main.querySelector('.inner'));
    var container = (inner && inner.querySelector(':scope > .container')) ||
                    (main && main.querySelector('.container'));
    var parts = {};
    Object.keys(selectors).forEach(function (key) {
      parts[key] = first(key === 'menu' || key === 'toggle' ? (main || h) : h, selectors[key]);
    });
    if (parts.search && parts.search.tagName.toLowerCase() === 'salla-search') {
      var wrap = parts.search.closest('.header-search');
      if (wrap && h && h.contains(wrap)) parts.search = wrap;
    }
    return {
      header: h, main: main, container: container, parts: parts,
      localizationModal: document.querySelector('salla-localization-modal')
    };
  }

  function missing(d) {
    return ['logo', 'search', 'menu', 'account', 'cart'].filter(function (key) {
      return !d.parts[key];
    });
  }

  function currencyText(modal) {
    var code = modal && modal.getAttribute('currency');
    if (!code) {
      var cookie = (document.cookie.match(/(?:^|;\s*)s-curr=([^;]+)/) || [])[1];
      if (cookie) { try { code = decodeURIComponent(cookie); } catch (ignored) {} }
    }
    code = (code || 'SAR').toUpperCase();
    return code === 'SAR' ? 'ر.س' : code;
  }

  // يستخدم حدث سلة الرسمي لفتح نافذة العملات، بدل نقل المودال أو زر غير تفاعلي.
  function openCurrency() {
    var modal = document.querySelector('salla-localization-modal');
    try {
      if (window.Salla && window.Salla.event &&
          typeof window.Salla.event.dispatch === 'function') {
        window.Salla.event.dispatch('localization::open');
        return;
      }
      if (modal && typeof modal.open === 'function') {
        modal.open();
        return;
      }
      if (modal) {
        modal.setAttribute('show-trigger', '');
        var trigger = modal.shadowRoot && modal.shadowRoot.querySelector('button');
        if (trigger) trigger.click();
        return;
      }
      console.warn('[Mansour Header] نافذة تغيير العملات غير موجودة في قالب سلة.');
    } catch (err) {
      console.warn('[Mansour Header] تعذر فتح قائمة العملات:', err);
    }
  }

  function action(el, name, actions) {
    var slot = document.createElement('div');
    slot.className = 'ms-action ' + name;
    slot.appendChild(el);
    actions.appendChild(slot);
    return slot;
  }

  function makeSearchButton() {
    var button = document.createElement('button');
    button.type = 'button';
    button.className = 'ms-icon-button ms-open-search';
    button.setAttribute('aria-label', 'فتح البحث');
    button.setAttribute('title', 'بحث');
    button.setAttribute('aria-expanded', 'false');
    button.setAttribute('aria-controls', 'ms-search-panel');
    button.innerHTML = '<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" ' +
      'stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">' +
      '<circle cx="10.9" cy="10.9" r="7.2"></circle>' +
      '<path d="m16.2 16.2 5 5"></path></svg>';
    return button;
  }

  function makeCurrencyButton(modal) {
    var button = document.createElement('button');
    button.type = 'button';
    button.className = 'ms-icon-button ms-open-currency';
    button.setAttribute('aria-label', 'اختيار العملة');
    button.setAttribute('title', 'تغيير العملة');
    button.innerHTML = '<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" ' +
      'stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">' +
      '<circle cx="12" cy="12" r="9"></circle>' +
      '<path d="M3 12h18M12 3c-5 5-5 13 0 18M12 3c5 5 5 13 0 18"></path></svg>' +
      '<span class="ms-currency-label"></span>';
    button.querySelector('span').textContent = currencyText(modal);
    button.addEventListener('click', openCurrency);
    return button;
  }

  function bindSearch(layout) {
    var button = layout.querySelector('.ms-open-search');
    var panel = layout.querySelector('.ms-search-panel');
    function toggle(next) {
      panel.hidden = !next;
      button.setAttribute('aria-expanded', next ? 'true' : 'false');
      button.setAttribute('aria-label', next ? 'إغلاق البحث' : 'فتح البحث');
      layout.classList.toggle('ms-search-open', next);
      if (next) {
        var input = panel.querySelector('input[type="search"], input');
        var webComponent = panel.querySelector('salla-search');
        if (!input && webComponent && webComponent.shadowRoot) {
          input = webComponent.shadowRoot.querySelector('input');
        }
        if (input) {
          try { input.focus({ preventScroll: true }); } catch (ignored) { input.focus(); }
        }
      }
    }
    button.addEventListener('click', function (event) {
      event.stopPropagation();
      toggle(panel.hidden);
    });
    document.addEventListener('click', function (event) {
      if (!panel.hidden && !layout.contains(event.target)) toggle(false);
    });
    document.addEventListener('keydown', function (event) {
      if (event.key === 'Escape' && !panel.hidden) {
        toggle(false);
        button.focus();
      }
    });
  }

  window.MansourHeaderDebug = function () {
    var d = detect();
    var found = {};
    Object.keys(d.parts).forEach(function (key) { found[key] = !!d.parts[key]; });
    return {
      version: VERSION,
      loaded: document.documentElement.getAttribute('data-mansour-js'),
      ready: !!(d.header && d.header.classList.contains('ms-header-ready')),
      searchButton: !!document.querySelector('.ms-open-search'),
      currencyButton: !!document.querySelector('.ms-open-currency'),
      localizationModal: !!d.localizationModal,
      SallaEventAvailable: !!(window.Salla && window.Salla.event && window.Salla.event.dispatch),
      found: found,
      missing: missing(d)
    };
  };

  function build() {
    var d = detect();
    if (!d.header || !d.main || !d.container) return false;
    if (d.header.classList.contains('ms-header-ready') &&
        d.header.querySelector('.ms-layout')) return true;
    if (missing(d).length) return false;

    var p = d.parts;
    var oldRow = directChildOf(p.logo, d.container);
    if (!oldRow || oldRow === d.container ||
        !oldRow.contains(p.account) || !oldRow.contains(p.cart)) return false;

    // نبني الصف الجديد أولًا، ثم ننقل مكونات سلة الأصلية إليه.
    var layout = document.createElement('div');
    layout.className = 'ms-layout';
    layout.innerHTML =
      '<div class="ms-top">' +
        '<div class="ms-brand"></div>' +
        '<nav class="ms-nav" aria-label="أقسام المتجر"></nav>' +
        '<div class="ms-actions"></div>' +
      '</div>' +
      '<div class="ms-search-panel" id="ms-search-panel" hidden>' +
        '<div class="ms-search"></div>' +
      '</div>';
    var brand = layout.querySelector('.ms-brand');
    var nav = layout.querySelector('.ms-nav');
    var actions = layout.querySelector('.ms-actions');
    var search = layout.querySelector('.ms-search');

    if (p.toggle && oldRow.contains(p.toggle)) brand.appendChild(p.toggle);
    brand.appendChild(p.logo);
    nav.appendChild(p.menu);

    // ابحث/حساب/سلة/عملة – في نفس شريط الأيقونات.
    action(makeSearchButton(), 'ms-search-action', actions);
    action(p.account, 'ms-user-action', actions);
    action(p.cart, 'ms-cart-action', actions);
    action(makeCurrencyButton(d.localizationModal), 'ms-currency-action', actions);
    search.appendChild(p.search);
    bindSearch(layout);

    // إن كانت نافذة العملات داخل شريط سنخفيه، ننقل المودال إلى جسم الصفحة
    // حتى لا يمنع display:none ظهوره بعد الضغط على زر العملة.
    if (d.localizationModal &&
        (d.localizationModal.closest('.top-navbar, .s-topnav') ||
         oldRow.contains(d.localizationModal))) {
      document.body.appendChild(d.localizationModal);
    }

    d.container.prepend(layout);
    oldRow.classList.add('ms-original-row');
    d.header.classList.add('ms-header-ready');
    console.info('[Mansour Header v' + VERSION + '] Ready', window.MansourHeaderDebug());
    return true;
  }

  function start() {
    if (build()) return;
    var tries = 0;
    var observer = new MutationObserver(function () {
      tries++;
      if (build() || tries > 200) observer.disconnect();
    });
    observer.observe(document.documentElement, { childList: true, subtree: true });
    var interval = setInterval(function () {
      if (build()) {
        clearInterval(interval);
        observer.disconnect();
      }
    }, 700);
    setTimeout(function () {
      clearInterval(interval);
      observer.disconnect();
      if (!document.querySelector('.store-header.ms-header-ready')) {
        console.warn('[Mansour Header] Unable to install. Run MansourHeaderDebug()', window.MansourHeaderDebug());
      }
    }, 12000);
  }

  if (document.readyState === 'loading') {
    document.addEventListener('DOMContentLoaded', start, { once: true });
  } else {
    start();
  }
})();








/* MANSOUR STORE
   تقليل الفراغ الداخلي لبلوك الألعاب
   الجوال فقط
*/

(function () {
  const mobile = window.matchMedia("(max-width: 767px)");
  const originalValues = new WeakMap();

  function fixGamesSpacing() {

    document.querySelectorAll("*").forEach(function (element) {

      // التعرف على بلوك الألعاب بغض النظر عن لاحقة اسمه
      if (!element.localName.startsWith("salla-game-cards-grid-")) {
        return;
      }

      const root = element.shadowRoot;
      if (!root) return;

      const section = root.querySelector(".section-wrapper");
      if (!section) return;

      // استهداف بلوك الألعاب
      if (!section.textContent.includes("الألعاب")) return;

      if (!originalValues.has(section)) {
        originalValues.set(section, {
          value: section.style.getPropertyValue("--section-padding"),
          priority: section.style.getPropertyPriority("--section-padding")
        });
      }

      if (mobile.matches) {

        section.style.setProperty(
          "--section-padding",
          "2x",
          "important"
        );

      } else {

        const original = originalValues.get(section);

        if (original.value) {
          section.style.setProperty(
            "--section-padding",
            original.value,
            original.priority
          );
        } else {
          section.style.removeProperty("--section-padding");
        }

      }

    });
  }

  function start() {
    fixGamesSpacing();

    let attempts = 0;
    const timer = setInterval(function () {
      fixGamesSpacing();
      if (++attempts >= 20) clearInterval(timer);
    }, 500);
  }

  if (document.readyState === "loading") {
    document.addEventListener("DOMContentLoaded", start);
  } else {
    start();
  }

  mobile.addEventListener("change", fixGamesSpacing);

})();










/* ========================================================
   MANSOUR STORE | FOOTER v1
   يضاف في آخر JavaScript الحالي في سلة (بدون وسم script).
   يستخدم أقسام وروابط وشهادات سلة الأصلية، ولا يختلق روابط.
   إذا لم يجد الأعمدة الأصلية يترك الفوتر كما هو.
   ======================================================== */
(function () {
  'use strict';

  function cleanText(el) {
    return ((el && el.textContent) || '').replace(/\s+/g, ' ').trim();
  }

  function findColumn(columns, test) {
    for (var i = 0; i < columns.length; i++) {
      if (test(columns[i])) return columns[i];
    }
    return null;
  }

  function setupFooter() {
    var footer = document.querySelector('footer.store-footer');
    if (!footer || footer.classList.contains('ms-footer-ready')) return false;

    var inner = footer.querySelector('.store-footer__inner') || footer;
    var grids = Array.prototype.slice.call(inner.querySelectorAll('.container'));
    var grid = grids.find(function (node) {
      return node.children.length >= 3 && node.querySelector('h3,h4,salla-menu,salla-contacts');
    });
    if (!grid) return false;

    var columns = Array.prototype.slice.call(grid.children);
    var links = findColumn(columns, function (col) {
      return !!col.querySelector('salla-menu[source="footer"], [data-testid="store-footer-menu"]') ||
             /روابط\s*مهمة|روابط\s*هامة|Important\s*Links|الصفحات\s*المهمة/i.test(cleanText(col));
    });
    var contacts = findColumn(columns, function (col) {
      return !!col.querySelector('salla-contacts, [data-testid="store-footer-contacts"]') ||
             /تواصل\s*معنا|اتصل\s*بنا|Contact\s*Us/i.test(cleanText(col)) ||
             (!!col.querySelector('a[href^="tel:"],a[href^="mailto:"]') && col !== links);
    });
    var brand = findColumn(columns, function (col) {
      return col !== links && col !== contacts &&
        (!!col.querySelector('salla-trust-badges, [data-testid="store-footer-trust-badges"]') ||
          /منصور\s*ستور|MANSOUR\s*STORE/i.test(cleanText(col)));
    });
    if (!brand) brand = columns.find(function (col) {
      return col !== links && col !== contacts && col.tagName.toLowerCase() !== 'salla-apps-icons';
    });

    var headerLogo = document.querySelector(
      'header.store-header .ms-brand img, header.store-header [data-testid="store-header-logo"] img, header.store-header a.navbar-brand img, header.store-header .header-logo img, header.store-header .site-logo img'
    );

    // لا نغير شيئاً إن تعذّر العثور على الأعمدة الأساسية أو الشعار.
    if (!brand || !links || !contacts || !headerLogo) return false;

    var bottom = Array.prototype.slice.call(footer.querySelectorAll('.container')).find(function (node) {
      return node !== grid && !grid.contains(node) &&
        (!!node.querySelector('salla-payments, [data-testid="store-footer-payments"]') ||
         /الحقوق\s*محفوظة|جميع\s*الحقوق|Copyright/i.test(cleanText(node)));
    });
    if (!bottom) return false;

    // استخدام رابط المتجر الأصلي، وتبديل عنوان النص بالشعار الموجود في الهيدر.
    var titles = Array.prototype.slice.call(brand.querySelectorAll('h1,h2,h3,h4,span'));
    var title = titles.find(function (item) {
      return /^(منصور\s*ستور|MANSOUR\s*STORE)$/i.test(cleanText(item));
    });
    var logoLink = (title && title.closest('a[href]')) ||
                   brand.querySelector('a[href="/"],a[href*="mncard"]');
    if (!logoLink) {
      logoLink = document.createElement('a');
      logoLink.href = '/';
      brand.insertBefore(logoLink, brand.firstChild);
    }
    logoLink.classList.add('ms-footer-logo');
    logoLink.setAttribute('aria-label', 'منصور ستور - الرئيسية');
    var image = document.createElement('img');
    image.src = headerLogo.currentSrc || headerLogo.src;
    image.alt = 'شعار منصور ستور';
    image.loading = 'lazy';
    logoLink.insertBefore(image, logoLink.firstChild);
    if (title) title.classList.add('ms-footer-hidden-title');

    grid.classList.add('ms-footer-grid');
    brand.classList.add('ms-footer-brand');
    links.classList.add('ms-footer-links');
    contacts.classList.add('ms-footer-contacts');
    bottom.classList.add('ms-footer-bottom');

    // الأيقونات الاجتماعية الأصلية تُعرض مستقلة ليختلف موقعها حسب الجهاز.
    var socialSlot = document.createElement('div');
    socialSlot.className = 'ms-footer-social';
    var social = footer.querySelector('salla-social');
    if (social) {
      social.classList.remove('mb-6');
      socialSlot.appendChild(social);
    } else {
      // مكون سلة يسحب الروابط المسجلة في إعدادات المتجر تلقائياً.
      socialSlot.appendChild(document.createElement('salla-social'));
    }
    grid.appendChild(socialSlot);

    columns.forEach(function (node) {
      if (node !== brand && node !== links && node !== contacts) {
        node.classList.add('ms-footer-extra');
      }
    });

    footer.classList.add('ms-footer-ready');
    return true;
  }

  function boot() {
    if (setupFooter()) return;
    var tries = 0;
    var timer = setInterval(function () {
      if (setupFooter() || ++tries >= 20) clearInterval(timer);
    }, 500);
  }

  if (document.readyState === 'loading') {
    document.addEventListener('DOMContentLoaded', boot, { once: true });
  } else {
    boot();
  }
})();







/* =====================================
   MANSOUR STORE
   Luxury Category Columns Styling
   ===================================== */

(function () {

  const STYLE_ID = "mansour-columns-luxury-v1";

  const css = `

    /* الأعمدة الأساسية */
    .mansour-columns-wrapper {
      gap: 18px !important;
    }

    /* خلفية كل عمود */
    .mansour-columns-wrapper > * {
      position: relative !important;
      background: linear-gradient(
        155deg,
        #111820 0%,
        #090C10 55%,
        #050607 100%
      ) !important;

      border: 1px solid rgba(18,199,236,.22) !important;
      border-radius: 16px !important;

      box-shadow:
        0 8px 24px rgba(0,0,0,.22),
        inset 0 1px 0 rgba(255,255,255,.04) !important;
    }

    /* العمود الثاني - أصفر */
    .mansour-columns-wrapper > *:nth-child(2) {
      border-color: rgba(255,218,23,.25) !important;
    }

    /* العمود الثالث - برتقالي */
    .mansour-columns-wrapper > *:nth-child(3) {
      border-color: rgba(255,138,0,.23) !important;
    }

    /* البطاقات التي تحتوي على شعارات */
    .mansour-columns-wrapper
    :is(a, li, [class*="item"], [class*="card"]):has(img) {
      background: rgba(255,255,255,.035) !important;
      border: 1px solid rgba(255,255,255,.08) !important;
      border-radius: 11px !important;

      transition:
        background .25s ease,
        border-color .25s ease,
        box-shadow .25s ease,
        transform .25s ease !important;
    }

    /* حركة خفيفة عند مرور الماوس */
    @media (hover: hover) {
      .mansour-columns-wrapper
      :is(a, li, [class*="item"], [class*="card"]):has(img):hover {
        background: rgba(18,199,236,.055) !important;
        border-color: rgba(18,199,236,.48) !important;
        box-shadow: 0 0 12px rgba(18,199,236,.09) !important;
        transform: translateY(-2px);
      }
    }

    /* المحافظة على صور الشعارات */
    .mansour-columns-wrapper img {
      object-fit: contain !important;
      border-radius: 8px !important;
    }

    /* ألوان العناوين */
    .mansour-columns-wrapper :is(h2,h3,h4) {
      color: #FFFFFF !important;
    }

    /* النصوص والروابط */
    .mansour-columns-wrapper a {
      color: #F5F7FA !important;
    }

    /* ضبط الجوال بدون تغيير نظام الأعمدة */
    @media (max-width: 767px) {
      .mansour-columns-wrapper {
        gap: 10px !important;
      }

      .mansour-columns-wrapper > * {
        border-radius: 13px !important;
      }
    }
  `;

  function applyStyle() {

    let applied = false;

    document.querySelectorAll("*").forEach(function(el) {

      if (!el.localName.startsWith("salla-category-columns-")) {
        return;
      }

      const root = el.shadowRoot;
      if (!root) return;

      if (!root.querySelector(".mansour-columns-wrapper")) {
        return;
      }

      if (root.getElementById(STYLE_ID)) {
        applied = true;
        return;
      }

      const style = document.createElement("style");
      style.id = STYLE_ID;
      style.textContent = css;

      root.appendChild(style);
      applied = true;
    });

    return applied;
  }

  if (!applyStyle()) {
    let attempts = 0;

    const timer = setInterval(function() {
      attempts++;

      if (applyStyle() || attempts >= 20) {
        clearInterval(timer);
      }
    }, 500);
  }

})();



/* ==========================================
   MANSOUR STORE
   CATEGORY GROUP BORDER ENHANCEMENT
   ========================================== */

(function () {

  const styleId = "ms-columns-border-v2";

  const css = `

    /* الحدود الأساسية */
    .mansour-columns-wrapper > * {
      border-width: 2px !important;
      border-style: solid !important;
      background-clip: padding-box !important;
      box-sizing: border-box !important;
    }

    /* المجموعة الأولى - أزرق سماوي */
    .mansour-columns-wrapper > :nth-child(1) {
      border-color: rgba(18,199,236,0.75) !important;
      box-shadow:
        0 0 12px rgba(18,199,236,0.12),
        inset 0 0 0 1px rgba(18,199,236,0.08)
        !important;
    }

    /* المجموعة الثانية - أصفر */
    .mansour-columns-wrapper > :nth-child(2) {
      border-color: rgba(255,218,23,0.75) !important;
      box-shadow:
        0 0 12px rgba(255,218,23,0.10),
        inset 0 0 0 1px rgba(255,218,23,0.08)
        !important;
    }

    /* المجموعة الثالثة - برتقالي */
    .mansour-columns-wrapper > :nth-child(3) {
      border-color: rgba(255,138,0,0.75) !important;
      box-shadow:
        0 0 12px rgba(255,138,0,0.10),
        inset 0 0 0 1px rgba(255,138,0,0.08)
        !important;
    }

    /* معالجة ظهور حدود المجموعات في الجوال */
    @media (max-width: 767px) {

      .mansour-columns-wrapper {
        padding-inline: 12px !important;
        scroll-padding-inline: 12px !important;
        box-sizing: border-box !important;
      }

      .mansour-columns-wrapper > * {
        box-sizing: border-box !important;
        outline: 1px solid rgba(255,255,255,0.07)
          !important;
        outline-offset: -4px !important;
      }
    }
  `;

  function applyStyles() {
    let applied = false;

    document.querySelectorAll("*").forEach(function(el) {

      if (!el.localName.startsWith("salla-category-columns-")) {
        return;
      }

      const root = el.shadowRoot;
      if (!root) return;

      if (!root.querySelector(".mansour-columns-wrapper")) {
        return;
      }

      if (!root.getElementById(styleId)) {
        const style = document.createElement("style");
        style.id = styleId;
        style.textContent = css;
        root.appendChild(style);
      }

      applied = true;
    });

    return applied;
  }

  if (!applyStyles()) {
    let attempts = 0;

    const timer = setInterval(function() {
      attempts++;

      if (applyStyles() || attempts >= 20) {
        clearInterval(timer);
      }
    }, 500);
  }

})();



/* منصور ستور - نقل المدونة قبل تخفيضات */

(function () {

  function moveBlog() {

    const nav = document.querySelector(
      ".store-header .ms-nav"
    );

    if (!nav) return false;

    const links = [...nav.querySelectorAll("a")];

    const blog = links.find(a =>
      a.textContent.trim() === "المدونة"
    );

    const offers = links.find(a =>
      a.textContent.trim() === "تخفيضات"
    );

    if (!blog || !offers) return false;

    let parent = blog.parentElement;

    while (parent && !parent.contains(offers)) {
      parent = parent.parentElement;
    }

    if (!parent || !nav.contains(parent)) return false;

    function getItem(element) {
      while (element.parentElement !== parent) {
        element = element.parentElement;
      }
      return element;
    }

    const blogItem = getItem(blog);
    const offersItem = getItem(offers);

    offersItem.before(blogItem);

    return true;
  }

  if (document.readyState === "loading") {
    document.addEventListener("DOMContentLoaded", moveBlog);
  } else {
    moveBlog();
  }

  window.addEventListener("load", moveBlog);

})();




/* ==========================================
   MANSOUR STORE
   MOBILE NESTED MENU V2
   قائمة رئيسية وفرعية للجوال
========================================== */

(function () {
  "use strict";

  if (window.msMobileDrawerInstalled) return;
  window.msMobileDrawerInstalled = true;

  const mobile = window.matchMedia("(max-width: 991px)");

  const triggerSelector = [
    ".store-header .ms-brand .mburger",
    ".store-header .ms-brand .menu-trigger",
    ".store-header .ms-brand [mobile-collapse-trigger]",
    ".store-header .ms-brand [class*='mobile-collapse']",
    ".store-header .ms-brand a[href='#mobile-menu']",
    ".store-header .ms-brand [data-testid='store-header-mobile-toggle']"
  ].join(",");

  const css = `
    #ms-mobile-drawer[hidden] {
      display: none !important;
    }

    #ms-mobile-drawer {
      position: fixed !important;
      inset: 0;
      z-index: 2147483647;
      direction: rtl;
      font-family: inherit;
    }

    #ms-mobile-shade {
      position: absolute;
      inset: 0;
      background: rgba(0,0,0,.78);
    }

    #ms-mobile-panel {
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      width: min(86vw,350px);
      background: #080A0D;
      border-left: 1px solid #12C7EC;
      overflow-y: auto;
      overscroll-behavior: contain;
      color: white;
    }

    #ms-mobile-heading {
      display: flex;
      align-items: center;
      justify-content: space-between;
      padding: 20px 16px;
      border-bottom: 1px solid rgba(255,218,23,.35);
      color: #FFDA17;
      font-weight: 800;
      font-size: 17px;
    }

    #ms-mobile-close {
      width: 35px;
      height: 35px;
      border-radius: 9px;
      background: #181B20;
      color: white;
      border: 1px solid #34383D;
      font-size: 25px;
      cursor: pointer;
    }

    #ms-mobile-links {
      padding: 12px 14px 28px;
    }

    #ms-mobile-links details {
      margin-bottom: 7px;
    }

    #ms-mobile-links summary,
    #ms-mobile-links > a {
      display: flex;
      align-items: center;
      justify-content: space-between;
      box-sizing: border-box;
      width: 100%;
      color: #F7F9FC;
      background: #11151A;
      border: 1px solid #283039;
      border-radius: 10px;
      padding: 13px 14px;
      font-size: 14px;
      font-weight: 750;
      line-height: 1.5;
      text-decoration: none;
      cursor: pointer;
      list-style: none;
    }

    #ms-mobile-links summary::-webkit-details-marker {
      display: none;
    }

    #ms-mobile-links summary::after {
      content: "+";
      color: #FFDA17;
      font-size: 22px;
      margin-right: 10px;
    }

    #ms-mobile-links details[open] > summary {
      border-color: #12C7EC;
      color: #FFDA17;
    }

    #ms-mobile-links details[open] > summary::after {
      content: "−";
    }

    .ms-mobile-submenu {
      margin: 5px 10px 10px 0;
      padding: 5px 10px 5px 0;
      border-right: 2px solid rgba(18,199,236,.45);
    }

    .ms-mobile-submenu a {
      display: block;
      text-decoration: none;
      color: #DDE5EA;
      font-size: 13px;
      padding: 11px 12px;
      margin-bottom: 4px;
      background: #0D1116;
      border: 1px solid #222B33;
      border-radius: 8px;
    }

    .ms-mobile-submenu a:active,
    .ms-mobile-submenu a:focus-visible {
      color: #FFDA17;
      border-color: #12C7EC;
    }

    @media (min-width: 992px) {
      #ms-mobile-drawer {
        display: none !important;
      }
    }
  `;

  const style = document.createElement("style");
  style.textContent = css;
  document.head.appendChild(style);

  const drawer = document.createElement("div");
  drawer.id = "ms-mobile-drawer";
  drawer.hidden = true;

  drawer.innerHTML = `
    <div id="ms-mobile-shade"></div>
    <aside id="ms-mobile-panel"
      role="dialog"
      aria-modal="true"
      aria-label="أقسام المتجر">
      <div id="ms-mobile-heading">
        <span>الأقسام الرئيسية  </span>
        <button type="button" id="ms-mobile-close"
          aria-label="إغلاق">×</button>
      </div>
      <nav id="ms-mobile-links"></nav>
    </aside>
  `;

  document.body.appendChild(drawer);

  const knownMain = [
    "شحن الألعاب",
    "منصات الألعاب",
    "لايف شات",
    "الاتصالات والإنترنت",
    "بطاقات التوصيل",
    "بطاقات التسوق",
    "المدونة",
    "تخفيضات"
  ];

  function clean(value) {
    return (value || "")
      .replace(/[أإآ]/g, "ا")
      .replace(/ى/g, "ي")
      .replace(/\s+/g, " ")
      .trim();
  }

  const mainNames = new Set(knownMain.map(clean));

  function label(a) {
    return a.textContent.replace(/\s+/g, " ").trim();
  }

  function valid(a) {
    if (!a || !a.getAttribute("href")) return false;
    try {
      const url = new URL(a.getAttribute("href"), location.href);
      return /^https?:$/.test(url.protocol);
    } catch (e) {
      return false;
    }
  }

  function readMenu() {
    const source = document.querySelector(
      ".store-header .ms-nav"
    );

    if (!source) return [];

    /* اختيار القائمة الرئيسية وليس القوائم الفرعية */
    const lists = [...source.querySelectorAll("ul")]
      .filter(ul => !ul.closest("li"));

    let best = [];
    let bestScore = -1;

    lists.forEach(ul => {
      const items = [...ul.children]
        .filter(el => el.tagName === "LI");

      const score = items.reduce((n, li) => {
        const a = li.querySelector("a[href]");
        return n + (valid(a) ? 1 : 0) +
          (a && mainNames.has(clean(label(a))) ? 10 : 0);
      }, 0);

      if (score > bestScore) {
        bestScore = score;
        best = items;
      }
    });

    let entries = best.map(li => {
      const links = [...li.querySelectorAll("a[href]")]
        .filter(valid);

      if (!links.length) return null;

      return {
        link: links[0],
        children: links.slice(1)
      };
    }).filter(Boolean);

    /* احتياط للقوائم المبنية بطريقة مختلفة */
    if (entries.length < 4) {
      entries = [...source.querySelectorAll("a[href]")]
        .filter(a => valid(a) && mainNames.has(clean(label(a))))
        .map(a => ({
          link: a,
          children: a.closest("li")
            ? [...a.closest("li").querySelectorAll("a[href]")]
                .filter(x => x !== a && valid(x))
            : []
        }));
    }

    /* الاحتفاظ بالأقسام الرئيسية فقط */
    const selected = entries.filter(e =>
      mainNames.has(clean(label(e.link)))
    );

    if (selected.length >= 4) entries = selected;

    const used = new Set();

    return entries.filter(entry => {
      const key = clean(label(entry.link));

      if (!key || used.has(key)) return false;

      used.add(key);
      return true;
    });
  }

  function makeLink(a, text) {
    const link = document.createElement("a");
    link.href = a.href;
    link.textContent = text || label(a);

    if (a.target === "_blank") {
      link.target = "_blank";
      link.rel = "noopener noreferrer";
    }

    return link;
  }

  function renderMenu() {
    const nav = drawer.querySelector("#ms-mobile-links");
    const entries = readMenu();

    if (!entries.length) return false;

    nav.replaceChildren();

    entries.forEach(entry => {
      const title = label(entry.link);

      const unique = new Map();

      entry.children.forEach(a => {
        const name = label(a);
        if (name && clean(name) !== clean(title)) {
          unique.set(name + "|" + a.href, a);
        }
      });

      const children = [...unique.values()];

      /* قسم بدون فروع */
      if (!children.length) {
        nav.appendChild(makeLink(entry.link, title));
        return;
      }

      /* قسم رئيسي له فروع */
      const details = document.createElement("details");

      const summary = document.createElement("summary");
      summary.textContent = title;

      const sub = document.createElement("div");
      sub.className = "ms-mobile-submenu";

      if (valid(entry.link)) {
        sub.appendChild(
          makeLink(entry.link, "عرض جميع " + title)
        );
      }

      children.forEach(a => {
        sub.appendChild(makeLink(a));
      });

      details.appendChild(summary);
      details.appendChild(sub);
      nav.appendChild(details);

      /* فتح قسم واحد فقط في كل مرة */
      details.addEventListener("toggle", function () {
        if (!details.open) return;

        nav.querySelectorAll("details").forEach(other => {
          if (other !== details) other.open = false;
        });
      });
    });

    return true;
  }

  let previousOverflow = "";
  let previousFocus = null;

  function closeMenu() {
    if (drawer.hidden) return;

    drawer.hidden = true;
    document.body.style.overflow = previousOverflow;

    if (previousFocus && previousFocus.isConnected) {
      previousFocus.focus();
    }
  }

  function openMenu() {
    if (!renderMenu()) return;

    previousFocus = document.activeElement;
    previousOverflow = document.body.style.overflow;

    drawer.hidden = false;
    document.body.style.overflow = "hidden";

    drawer.querySelector("#ms-mobile-close").focus();
  }

  document.addEventListener("click", function (event) {
    if (!mobile.matches) return;

    const target = event.target;
    if (!target.closest) return;

    const trigger = target.closest(triggerSelector);
    if (!trigger) return;

    event.preventDefault();
    event.stopPropagation();
    event.stopImmediatePropagation();

    if (drawer.hidden) openMenu();
    else closeMenu();

  }, true);

  drawer.querySelector("#ms-mobile-close")
    .addEventListener("click", closeMenu);

  drawer.querySelector("#ms-mobile-shade")
    .addEventListener("click", closeMenu);

  drawer.querySelector("#ms-mobile-links")
    .addEventListener("click", event => {
      if (event.target.closest("a")) closeMenu();
    });

  document.addEventListener("keydown", event => {
    if (event.key === "Escape") closeMenu();
  });

  mobile.addEventListener("change", () => {
    if (!mobile.matches) closeMenu();
  });

})();