/* Add custom Js styles below */ 
JavaScript — الصق هذا في: تصميم المتجر > تخصيص الثيم > JS
   ============================================= -->

<script>
(function () {
  'use strict';

  var BG        = '#1E4242';
  var GOLD      = '#E1C084';
  var GOLD_DIM  = '#B89D65';
  var TITLE     = 'مؤسسة الفيصل للذبائح';
  var BODY      =
    'تأسست عام 2015 وذات خبرة طويلة سبقت التأسيس في مجال إنتاج وتربية الماشية ب 13 سنه ' +
    'تمكن فيها بالحفـــــــاظ على أفضل سلالات الأغنام ومن أهم مزارعنا (مزرعة نوادر الليث ' +
    '- مزرعة الطموح) ذات صدي عالي فى ساحة الأغنـام ومبيعات تخطت إلى بعض دول مجلس ' +
    'التعاون الخليجي وخبرة طويلة بجميع مراحل الإنتاج والتربية وإهتمام في مجال سلالات الاغنام.';

  /* ---- مساعد لتطبيق ستايل مباشرة ---- */
  function s(el, prop, val) {
    if (el && el.style) el.style.setProperty(prop, val, 'important');
  }

  /* ====================================================
     الدالة الرئيسية: نفّذ كل التعديلات على الفوتر
     ==================================================== */
  function applyAll() {
    /* اجمع كل المرشحين للفوتر */
    var footers = Array.from(document.querySelectorAll(
      'footer, salla-footer, [id*="footer"], [class*="footer"]'
    ));

    /* خذ أكبر عنصر فوتر (الأم) */
    var footer = footers.find(function(el) {
      return el.tagName === 'FOOTER' || el.tagName === 'SALLA-FOOTER';
    }) || footers[0];

    if (!footer) return false;

    /* ---- 1. خلفية الفوتر ---- */
    s(footer, 'background-color', BG);
    s(footer, 'direction', 'rtl');
    s(footer, 'font-family', "'Tajawal', sans-serif");

    /* ---- 2. خلفية كل عناصر الفوتر الداخلية ---- */
    var allInner = footer.querySelectorAll('*');
    allInner.forEach(function(el) {
      var tag = el.tagName;
      /* لا نلمس الصور أو قسم وصفنا */
      if (tag === 'IMG' || el.id === 'faisal-about-block') return;

      var computed = window.getComputedStyle(el);
      var bg = computed.backgroundColor;
      var isWhiteOrLight =
        bg === 'rgb(255, 255, 255)' ||
        bg === 'rgba(255, 255, 255, 1)';

      /* لون الخلفية */
      if (!isWhiteOrLight) {
        s(el, 'background-color', BG);
      }

      /* لون النصوص */
      if (['H1','H2','H3','H4','H5','H6','P','SPAN','LI','LABEL','DIV'].includes(tag)) {
        s(el, 'color', GOLD);
      }
      if (tag === 'A') {
        s(el, 'color', GOLD_DIM);
        s(el, 'text-decoration', 'none');
      }
    });

    /* ---- 3. أيقونات السوشيال ---- */
    var allAnchors = footer.querySelectorAll('a');
    allAnchors.forEach(function(a) {
      var hasSvg  = a.querySelector('svg');
      var hasIcon = a.querySelector('i, [class*="icon"]');
      var href    = (a.getAttribute('href') || '').toLowerCase();
      var isSocial = /instagram|tiktok|twitter|snapchat|youtube|facebook|whatsapp|x\.com|salla/.test(href);

      if (hasSvg || hasIcon || isSocial) {
        s(a, 'display', 'inline-flex');
        s(a, 'align-items', 'center');
        s(a, 'justify-content', 'center');
        s(a, 'width', '42px');
        s(a, 'height', '42px');
        s(a, 'min-width', '42px');
        s(a, 'border', '1.5px solid rgba(225,192,132,0.65)');
        s(a, 'border-radius', '50%');
        s(a, 'background-color', 'transparent');
        s(a, 'color', GOLD);

        /* تلوين الـ SVG */
        if (hasSvg) {
          hasSvg.querySelectorAll('path, circle, rect, polygon, g').forEach(function(shape) {
            s(shape, 'fill', GOLD);
          });
          s(hasSvg, 'width', '18px');
          s(hasSvg, 'height', '18px');
          s(hasSvg, 'fill', GOLD);
        }
        if (hasIcon) s(hasIcon, 'color', GOLD);
      }
    });

    /* ---- 4. حقن قسم وصف الشركة ---- */
    if (!document.getElementById('faisal-about-block')) {
      var block = document.createElement('div');
      block.id = 'faisal-about-block';
      block.style.cssText =
        'background-color:' + BG + ';' +
        'padding:36px 28px 28px;' +
        'text-align:right;' +
        'direction:rtl;' +
        'font-family:Tajawal,sans-serif;' +
        'width:100%;' +
        'box-sizing:border-box;' +
        'border-bottom:1px solid rgba(225,192,132,0.18);';

      var h2 = document.createElement('h2');
      h2.textContent = TITLE;
      h2.style.cssText =
        'font-size:19px;font-weight:700;color:' + GOLD + ';' +
        'margin:0 0 12px;background:none;font-family:Tajawal,sans-serif;';

      var p = document.createElement('p');
      p.textContent = BODY;
      p.style.cssText =
        'font-size:13.5px;line-height:2;color:' + GOLD_DIM + ';' +
        'margin:0;background:none;font-family:Tajawal,sans-serif;max-width:680px;';

      block.appendChild(h2);
      block.appendChild(p);
      footer.insertBefore(block, footer.firstChild);
    }

    return true;
  }

  /* ====================================================
     استراتيجية التشغيل: متعددة الطبقات
     ==================================================== */

  /* الطبقة 1: DOMContentLoaded */
  document.addEventListener('DOMContentLoaded', function () {
    applyAll();
  });

  /* الطبقة 2: load كامل */
  window.addEventListener('load', function () {
    applyAll();
    setTimeout(applyAll, 500);
    setTimeout(applyAll, 1500);
    setTimeout(applyAll, 3000);
  });

  /* الطبقة 3: MutationObserver — يراقب إضافة أي عنصر جديد */
  var observer = new MutationObserver(function (mutations) {
    var hasFooter = !!document.querySelector('footer, salla-footer');
    if (hasFooter) {
      var done = applyAll();
      if (done) observer.disconnect();
    }
  });
  observer.observe(document.documentElement, {
    childList: true,
    subtree: true
  });

  /* الطبقة 4: انتظار تعريف salla web components */
  if (window.customElements) {
    ['salla-footer', 'salla-social-links', 'salla-contacts'].forEach(function(name) {
      customElements.whenDefined(name).then(function () {
        setTimeout(applyAll, 100);
        setTimeout(applyAll, 500);
      }).catch(function () {});
    });
  }

  /* الطبقة 5: إذا كانت salla object موجودة */
  if (window.salla) {
    try {
      salla.event.on('footer:loaded', applyAll);
      salla.event.on('app:ready', applyAll);
    } catch(e) {}
  }
  document.addEventListener('salla:loaded', applyAll);
  document.addEventListener('app:ready', applyAll);

})();
</script>



document.addEventListener('DOMContentLoaded', function () {
  // كل العناصر اللي فيها أيقونة
  const iconContainers = document.querySelectorAll('.s-scopes-header-icon');

  iconContainers.forEach(function(iconContainer) {
    // إزالة أي شعار موجود مسبقًا
    const oldLogo = iconContainer.querySelector('.custom-logo');
    if (oldLogo) oldLogo.remove();

    // إضافة شعار جديد
    const img = document.createElement('img');
    img.src = 'https://media.zid.store/e2f7bf43-7dfe-4ea4-8276-88fd866c25a5/b67f4647-1db2-4483-a327-034e1ac84588-200x.png';
    img.classList.add('custom-logo');

    iconContainer.appendChild(img);
  });
});