/* =====================================================================
   شي إس | She's Store — Mocha Atelier
   Salla · Raed theme · CUSTOM JavaScript (Final v3)
   Author: Awad (عوض ربيع)
   ---------------------------------------------------------------------
   مكانه: لوحة سلة ← تخصيص الثيم بالأكواد ← JavaScript
   الصقه زي ما هو (من غير وسم <script>، إلا لو الخانة طلبت كده).
   ---------------------------------------------------------------------
   بيعمل 4 حاجات بس (ستايل فقط، مابيغيرش أي وظيفة أو بيانات):
   1) يحمّل خط العناوين (Amiri) واللمسات اللاتينية (Cormorant)
   2) يصمم الأقسام اللي جوّه Shadow DOM، اللي الـ CSS مابيوصلهاش:
      الشريط المتحرك · الأقسام السريعة · سلايدر التصنيفات · مميزات المتجر
      + أي قسم "مكوّنات" تاني يتضاف بعدين (عنوانه بس)
   3) يضيف صف الثقة تحت زر أول هيرو
   4) يعيد المحاولة لحد ما الأقسام تتحمّل (بتتحمّل متأخر)
   ===================================================================== */
(function () {
  'use strict';

  /* ---------- الألوان (نفس ملف الـ CSS) ---------- */
  var T = {
    espresso: '#2a1f14', mocha: '#50412d', soft: '#7a6448', sand: '#dcc9b2',
    linen: '#f7f0e9', ivory: '#fffdf9', blush: '#ecd6cb', ink: '#2b2419', muted: '#8a7c6a',
    ease: 'cubic-bezier(.22,.61,.36,1)',
    display: '"Amiri","PingARLT",serif',
    latin: '"Cormorant Garamond",Georgia,serif'
  };

  /* ---------- نصوص قابلة للتعديل ---------- */
  var TEXT = {
    heroTrust: ['تشكيلة متنوعة', 'جودة تستحق الثقة', 'تجربة تسوّق سهلة'],
    eyebrow: {
      'categories-slider': 'Shop the Edit',
      'quick-links': 'Beyond the Wardrobe'
    }
  };

  /* ---------- 1) الخطوط ---------- */
  function loadFonts() {
    if (document.getElementById('she-fonts')) return;
    var l = document.createElement('link');
    l.id = 'she-fonts';
    l.rel = 'stylesheet';
    l.href = 'https://fonts.googleapis.com/css2?family=Amiri:wght@400;700&family=Cormorant+Garamond:ital,wght@1,500;1,600&display=swap';
    document.head.appendChild(l);
  }

  /* ---------- 2) ستايل الأقسام المعزولة ---------- */
  function eyebrow(text) {
    return text
      ? '.section-title::before{content:"' + text + '";display:block;font-family:' + T.latin + ';font-style:italic;' +
        'font-weight:500;font-size:17px;color:' + T.soft + ';direction:ltr;margin-bottom:4px;letter-spacing:.2px}'
      : '';
  }

  var TITLE =
    '.section-header{text-align:center}' +
    '.section-title{font-family:' + T.display + '!important;color:' + T.espresso + '!important;font-weight:700!important;' +
    'font-size:clamp(1.6rem,2.8vw,2.25rem)!important;line-height:1.3!important;text-align:center}' +
    '.section-title::after{content:"";display:block;width:78px;height:10px;margin:12px auto 0;' +
    'background:linear-gradient(' + T.sand + ',' + T.sand + ') left center/30px 1px no-repeat,' +
    'linear-gradient(' + T.sand + ',' + T.sand + ') right center/30px 1px no-repeat,' +
    'linear-gradient(45deg,transparent 35%,' + T.mocha + ' 35% 65%,transparent 65%) center/10px 10px no-repeat}' +
    '.section-subtitle{color:' + T.muted + '!important;text-align:center}';

  var CSS = {
    /* الأقسام السريعة → "كمّلي إطلالتكِ": دواير بحلقة رملي تتحول موكا */
    'quick-links': TITLE + eyebrow(TEXT.eyebrow['quick-links']) +
      '.link-item{color:' + T.ink + '!important;text-decoration:none!important;transition:transform .35s ' + T.ease + '}' +
      '.link-item:hover{transform:translateY(-4px)}' +
      '.circle-container{background:' + T.ivory + '!important;border:1px solid ' + T.sand + '!important;' +
      'box-shadow:0 0 0 5px ' + T.linen + ',0 0 0 6px transparent;transition:box-shadow .35s ' + T.ease + ',border-color .35s}' +
      '.link-item:hover .circle-container{border-color:' + T.mocha + '!important;box-shadow:0 0 0 5px ' + T.linen + ',0 0 0 6px ' + T.mocha + '}' +
      '.link-image{transition:transform .6s ' + T.ease + '}' +
      '.link-item:hover .link-image{transform:scale(1.08)}' +
      '.link-label{color:' + T.ink + '!important;font-weight:500!important;font-size:14px!important}' +
      '.link-item:hover .link-label{color:' + T.mocha + '!important}',

    /* سلايدر التصنيفات → "اختاري قسمكِ": كروت قوس 3:4 */
    'categories-slider': TITLE + eyebrow(TEXT.eyebrow['categories-slider']) +
      '.category-card{color:' + T.ink + '!important;text-decoration:none!important}' +
      '.image-container{width:136px!important;height:181px!important;border-radius:999px 999px 18px 18px!important;' +
      'overflow:hidden;background:' + T.linen + ';border:1px solid rgba(220,201,178,.7);position:relative;' +
      'transition:transform .45s ' + T.ease + ',box-shadow .45s ' + T.ease + '}' +
      '.image-container img{width:100%!important;height:100%!important;object-fit:cover!important;transition:transform .9s ' + T.ease + '}' +
      '.image-container::after{content:"";position:absolute;inset:6px;border:1px solid rgba(255,255,255,.7);' +
      'border-radius:inherit;opacity:0;transition:opacity .4s;pointer-events:none}' +
      '.category-card:hover .image-container{transform:translateY(-6px);box-shadow:0 22px 36px -20px rgba(80,65,45,.55)}' +
      '.category-card:hover .image-container img{transform:scale(1.07)}' +
      '.category-card:hover .image-container::after{opacity:1}' +
      '.category-title{color:' + T.ink + '!important;font-weight:600!important;margin-top:12px!important}' +
      '.category-card:hover .category-title{color:' + T.mocha + '!important}' +
      '@media(max-width:768px){.image-container{width:100px!important;height:133px!important}.category-title{font-size:13px!important}}',

    /* الشريط المتحرك: إسبريسو + فواصل معيّن */
    'marquee':
      '.s-block--notification-bar{background:' + T.espresso + '!important;color:' + T.sand + '!important;' +
      'border-bottom:1px solid rgba(220,201,178,.14)}' +
      '.marquee__text{font-weight:500!important;font-size:13.5px!important;letter-spacing:.3px;color:' + T.sand + '!important}' +
      '.marquee__text::after{content:"\\25C6";font-size:.55em;margin-inline:28px;color:' + T.blush + ';vertical-align:middle}',

    /* البنرات التحريرية (مشمر M-01): تدرج أقوى عشان النص يتقري على أي صورة */
    'editorial-banners':
      '.banner-overlay{background:linear-gradient(to top,rgba(247,240,233,.96) 0%,rgba(247,240,233,.8) 28%,rgba(247,240,233,0) 62%)!important}' +
      '.banner-image{filter:saturate(.85)}',

    /* مميزات المتجر: 4 أعمدة بدل 3+1، وكروت عاجي + أيقونة موكا بحلقة */
    'store-features':
      '.s-block-trust-store-features__grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:18px!important}' +
      '@media(max-width:1023px){.s-block-trust-store-features__grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}}' +
      '.s-block-trust-store-features__item{background:' + T.ivory + '!important;' +
      'border:1px solid rgba(220,201,178,.55)!important;border-radius:18px!important;box-shadow:none!important;' +
      'transition:transform .35s ' + T.ease + ',box-shadow .35s ' + T.ease + '}' +
      '.s-block-trust-store-features__item:hover{transform:translateY(-4px);box-shadow:0 18px 34px -18px rgba(80,65,45,.35)!important}' +
      '.s-block-trust-store-features__media{background:' + T.mocha + '!important;box-shadow:0 0 0 6px ' + T.linen + '}' +
      '.s-block-trust-store-features__icon{color:#fff!important}' +
      '.s-block-trust-store-features__title{color:' + T.espresso + '!important;font-weight:700!important}' +
      '.s-block-trust-store-features__subtitle{color:' + T.muted + '!important}'
  };

  /* أي قسم "مكوّنات" تاني (زي المقترحات أو بدائل نفاد الكمية) ياخد العنوان بس */
  var FALLBACK = TITLE;

  function keyOf(section) {
    var m = (section.className.match(/s-block--bundle-([\w-]+)/) || [])[1];
    return m || null;
  }

  function inject(root, css) {
    try {
      var sheet = new CSSStyleSheet();
      sheet.replaceSync(css);
      /* لازم نضيف "فوق" شيتات القسم عشان الستايل يكسب */
      root.adoptedStyleSheets = root.adoptedStyleSheets.concat(sheet);
    } catch (e) {
      var s = document.createElement('style');
      s.textContent = css;
      root.appendChild(s);
    }
  }

  function styleBundles() {
    var pending = 0;
    document.querySelectorAll('section[class*="s-block--bundle-"]').forEach(function (section) {
      var key = keyOf(section);
      var host = section.firstElementChild;
      if (!key || !host) return;
      var root = host.shadowRoot;
      if (!root) {
        if (/-[a-z0-9]{5,}$/.test(host.tagName.toLowerCase())) pending++;
        return;
      }
      if (root.__she) return;
      root.__she = true;
      inject(root, CSS[key] || FALLBACK);
    });
    return pending;
  }

  /* ---------- 3) صف الثقة تحت أول هيرو ---------- */
  function heroTrust() {
    var cta = document.querySelector('.s-block--bundle-hero-area .s-block--hero-area .cta');
    if (!cta || cta.parentElement.querySelector('.she-hero-trust')) return;
    var row = document.createElement('div');
    row.className = 'she-hero-trust';
    TEXT.heroTrust.forEach(function (t) {
      var s = document.createElement('span');
      s.textContent = t;
      row.appendChild(s);
    });
    cta.insertAdjacentElement('afterend', row);
  }

  /* ---------- 4) التشغيل ---------- */
  function run() {
    loadFonts();
    heroTrust();
    return styleBundles();
  }

  run();
  document.addEventListener('DOMContentLoaded', run);
  window.addEventListener('load', run);

  var tries = 0;
  var timer = setInterval(function () {
    tries++;
    var pending = run();
    if ((pending === 0 && tries > 6) || tries > 40) clearInterval(timer);
  }, 400);
})();