/* =========================================================
   ENJOY STORE — MERGED CUSTOM JAVASCRIPT
   نسخة موحدة بدون تعارضات — استبدل بها كل JavaScript الحالي
   لا تضف وسم <script>
========================================================= */

(() => {
  "use strict";


  /*
   * شاشة تحميل بديلة:
   * نغطي شاشة الثيم الأصلية بدل محاولة معرفة سليكتورها.
   */
  document.documentElement.classList.add(
    "enjoy-booting"
  );

  const ENJOY_BOOT_STARTED_AT = performance.now();

  const findBootLogoSource = () => {
    const candidates = [
      "header img[src]",
      "#anjiz-header img[src]",
      ".store-logo img[src]",
      ".navbar-brand img[src]",
      "a[href='/'] img[src]",
      "a[href*='enjoystor'] img[src]",
      "img[src*='logo']",
      "img[alt*='ENJOY' i]",
      "img[alt*='انجوي']"
    ];

    for (const selector of candidates) {
      const image = document.querySelector(selector);

      if (!image) {
        continue;
      }

      const source =
        image.currentSrc ||
        image.getAttribute("src") ||
        image.getAttribute("data-src");

      if (source) {
        return source;
      }
    }

    return "";
  };


  const setBootLogo = (loader) => {
    if (!loader) {
      return false;
    }

    const source = findBootLogoSource();

    if (!source) {
      return false;
    }

    const slot = loader.querySelector(
      ".enjoy-loader-logo-slot"
    );

    if (!slot || slot.querySelector("img")) {
      return true;
    }

    const image = document.createElement("img");
    image.className = "enjoy-loader-logo";
    image.alt = "ENJOY";
    image.src = source;

    image.addEventListener("load", () => {
      const fallback = slot.querySelector(
        ".enjoy-loader-wordmark"
      );

      if (fallback) {
        fallback.remove();
      }
    });

    slot.prepend(image);

    return true;
  };


  const createEnjoyBootLoader = () => {
    if (!document.body) {
      requestAnimationFrame(createEnjoyBootLoader);
      return;
    }

    let loader = document.getElementById(
      "enjoy-custom-loader"
    );

    if (loader) {
      return loader;
    }

    loader = document.createElement("div");
    loader.id = "enjoy-custom-loader";
    loader.setAttribute("aria-hidden", "true");

    loader.innerHTML = `
      <div class="enjoy-loader-inner">
        <div class="enjoy-loader-logo-slot">
          <div class="enjoy-loader-wordmark">
            <strong>ENJOY</strong>
            <span>STORE</span>
          </div>
        </div>

        <div class="enjoy-loader-track"></div>
      </div>
    `;

    document.body.prepend(loader);
    setBootLogo(loader);

    /*
     * اللوجو قد يكون داخل Web Component ويتأخر قليلًا،
     * لذلك نحاول عدة مرات من غير مراقبة attributes.
     */
    [120, 350, 700, 1200].forEach((delay) => {
      window.setTimeout(
        () => setBootLogo(loader),
        delay
      );
    });

    return loader;
  };


  const removeEnjoyBootLoader = () => {
    const elapsed =
      performance.now() - ENJOY_BOOT_STARTED_AT;

    const minimumVisibleTime = 650;
    const remaining = Math.max(
      0,
      minimumVisibleTime - elapsed
    );

    window.setTimeout(() => {
      const loader = document.getElementById(
        "enjoy-custom-loader"
      );

      if (loader) {
        loader.classList.add(
          "enjoy-loader-leaving"
        );

        window.setTimeout(
          () => loader.remove(),
          430
        );
      }

      document.documentElement.classList.remove(
        "enjoy-booting"
      );
    }, remaining);
  };


  createEnjoyBootLoader();

  if (document.readyState === "complete") {
    removeEnjoyBootLoader();
  } else {
    window.addEventListener(
      "load",
      removeEnjoyBootLoader,
      { once: true }
    );
  }

  /*
   * حماية من بقاء الغطاء إذا تعطّل مورد خارجي.
   */
  window.setTimeout(
    removeEnjoyBootLoader,
    5000
  );



  const CONFIG = {
    categoryTitle: "تصفح حسب الفئة",
    maxSliderImages: 8,
    commercialRegistration: "7003596355",

    /*
     * اترك القائمة فارغة ليتم أخذ صور المنتجات تلقائيًا.
     * أو ضع روابط صور ثابتة:
     *
     * manualSliderImages: [
     *   "رابط الصورة الأولى",
     *   "رابط الصورة الثانية"
     * ]
     */
    manualSliderImages: []
  };


  /* -------------------------
     أدوات مساعدة
  ------------------------- */

  const first = (selectors, root = document) => {
    for (const selector of selectors) {
      const element = root.querySelector(selector);

      if (element) {
        return element;
      }
    }

    return null;
  };


  const normalizeText = (value) => {
    return String(value || "")
      .replace(/\s+/g, " ")
      .trim()
      .toLowerCase();
  };


  const normalizeDigits = (value) => {
    const arabicIndic = "٠١٢٣٤٥٦٧٨٩";
    const easternArabic = "۰۱۲۳۴۵۶۷۸۹";

    return String(value || "")
      .replace(/[٠-٩]/g, (digit) => arabicIndic.indexOf(digit))
      .replace(/[۰-۹]/g, (digit) => easternArabic.indexOf(digit));
  };


  const unique = (items) => [...new Set(items)];


  const isVisible = (element) => {
    if (!element) {
      return false;
    }

    const rect = element.getBoundingClientRect();
    const style = window.getComputedStyle(element);

    return (
      rect.width > 0 &&
      rect.height > 0 &&
      style.display !== "none" &&
      style.visibility !== "hidden"
    );
  };


  const getImageUrl = (image) => {
    return (
      image.currentSrc ||
      image.getAttribute("src") ||
      image.getAttribute("data-src") ||
      image.getAttribute("data-lazy-src") ||
      ""
    ).trim();
  };



  /* -------------------------
     شاشة التحميل
  ------------------------- */

  const LOADER_SELECTORS = [
    "#loader",
    "#preloader",
    ".preloader",
    ".page-loader",
    ".page-loading",
    ".loading-screen",
    ".loader-init",
    ".salla-loader",
    "salla-loader",
    "salla-loading",
    "[data-page-loader]",
    "[data-preloader]",
    "[data-testid*='loader']",
    "[class*='preloader']",
    "[class*='page-loader']",
    "[class*='loading-screen']"
  ].join(",");


  const isFullScreenLoader = (element) => {
    if (!element || element === document.body) {
      return false;
    }

    const style = window.getComputedStyle(element);
    const rect = element.getBoundingClientRect();

    const coversViewport =
      rect.width >= window.innerWidth * 0.72 &&
      rect.height >= window.innerHeight * 0.58;

    const fixedLayer =
      style.position === "fixed" ||
      style.position === "absolute";

    const hasBrandVisual = Boolean(
      element.querySelector("img, svg")
    );

    const identity = normalizeText([
      element.id,
      element.className,
      element.getAttribute("data-testid"),
      element.getAttribute("aria-label")
    ].join(" "));

    const looksLikeLoader =
      /loader|loading|preload|splash/.test(identity);

    return (
      coversViewport &&
      fixedLayer &&
      (hasBrandVisual || looksLikeLoader)
    );
  };


  const customizePageLoader = () => {
    const candidates = new Set(
      document.querySelectorAll(LOADER_SELECTORS)
    );

    /*
     * حل احتياطي للثيمات التي لا تمنح شاشة التحميل اسمًا واضحًا.
     * يُستخدم فقط خلال الثواني الأولى من فتح الصفحة.
     */
    if (window.performance.now() < 12000) {
      document.querySelectorAll("body > *").forEach(
        (element) => {
          if (isFullScreenLoader(element)) {
            candidates.add(element);
          }
        }
      );
    }

    candidates.forEach((element) => {
      if (isFullScreenLoader(element)) {
        element.classList.add("enjoy-page-loader");
      }
    });
  };


  /* -------------------------
     الهيدر واللوجو
  ------------------------- */

  const getHeader = () => {
    return first([
      "header.store-header",
      ".store-header",
      "header"
    ]);
  };


  const getLogoCandidates = (header) => {
    if (!header) {
      return [];
    }

    return [...header.querySelectorAll("img")]
      .filter((image) => {
        if (!isVisible(image)) {
          return false;
        }

        const rect = image.getBoundingClientRect();

        if (rect.width < 18 || rect.height < 18) {
          return false;
        }

        const anchor = image.closest("a");
        let isHomeLink = false;

        if (anchor && anchor.href) {
          try {
            const path = new URL(anchor.href, window.location.href)
              .pathname
              .replace(/\/+$/, "");

            isHomeLink = path === "";
          } catch (error) {
            isHomeLink = false;
          }
        }

        const identity = normalizeText([
          image.getAttribute("alt"),
          image.getAttribute("title"),
          image.getAttribute("class"),
          image.getAttribute("src"),
          image.parentElement?.getAttribute("class"),
          anchor?.getAttribute("class")
        ].join(" "));

        return (
          isHomeLink ||
          /logo|brand|enjoy|store|شعار/.test(identity)
        );
      });
  };


  const fixHeaderAndLogos = () => {
    const header = getHeader();

    if (!header) {
      return false;
    }

    header.classList.add("enjoy-header");

    const logos = getLogoCandidates(header);

    if (!logos.length) {
      return true;
    }

    logos.forEach((logo) => {
      logo.classList.remove(
        "enjoy-main-logo",
        "enjoy-logo-hidden"
      );

      logo.removeAttribute("data-enjoy-logo");

      const oldWrapper = logo.closest(
        "[data-enjoy-logo-wrapper='duplicate']"
      );

      if (oldWrapper) {
        oldWrapper.removeAttribute(
          "data-enjoy-logo-wrapper"
        );
      }
    });

    const measured = logos
      .map((logo) => {
        const rect = logo.getBoundingClientRect();

        return {
          logo,
          area: rect.width * rect.height,
          width: rect.width,
          height: rect.height
        };
      })
      .sort((a, b) => b.area - a.area);

    const mainLogo = measured[0]?.logo;

    if (mainLogo) {
      mainLogo.classList.add("enjoy-main-logo");
      mainLogo.setAttribute("data-enjoy-logo", "main");
    }

    /*
     * نخفي كل لوجو مرئي آخر داخل الهيدر.
     * يتم إخفاء أقرب غلاف صغير بدل إخفاء عنصر مشترك كبير.
     */
    measured.slice(1).forEach(({ logo }) => {
      logo.classList.add("enjoy-logo-hidden");
      logo.setAttribute("data-enjoy-logo", "duplicate");

      const wrapper = logo.closest(
        [
          ".navbar-brand",
          ".store-logo",
          "a.logo",
          "[class*='logo-container']",
          "[class*='header-logo']",
          "[class*='brand-logo']"
        ].join(",")
      );

      if (wrapper && !wrapper.contains(mainLogo)) {
        wrapper.setAttribute(
          "data-enjoy-logo-wrapper",
          "duplicate"
        );

        wrapper.classList.add("enjoy-logo-hidden");
      }
    });

    return true;
  };


  /* -------------------------
     الفوتر
  ------------------------- */

  const getFooter = () => {
    return first([
      "footer.store-footer",
      ".store-footer",
      "footer"
    ]);
  };


  const findSmallestTextElement = (
    root,
    patterns
  ) => {
    const candidates = [
      ...root.querySelectorAll(
        "p, span, small, div, a, strong"
      )
    ].filter((element) => {
      const text = normalizeText(element.textContent);

      return patterns.some((pattern) =>
        pattern.test(text)
      );
    });

    return candidates.sort((a, b) => {
      return (
        a.querySelectorAll("*").length -
        b.querySelectorAll("*").length
      );
    })[0] || null;
  };


  const lowestCommonAncestor = (elements, limit) => {
    const validElements = elements.filter(Boolean);

    if (!validElements.length) {
      return null;
    }

    let current = validElements[0];

    while (current && current !== limit.parentElement) {
      const containsAll = validElements.every(
        (element) => current.contains(element)
      );

      if (containsAll) {
        return current;
      }

      current = current.parentElement;
    }

    return null;
  };


  const styleCommercialRegistration = (footer) => {
    if (
      !footer ||
      footer.querySelector(".enjoy-cr-badge")
    ) {
      return;
    }

    const target = CONFIG.commercialRegistration;

    const exactElement = [
      ...footer.querySelectorAll(
        "span, p, div, strong, a, small"
      )
    ].find((element) => {
      const digits = normalizeDigits(
        element.textContent
      ).replace(/\D/g, "");

      if (digits !== target) {
        return false;
      }

      return ![...element.children].some((child) => {
        return (
          normalizeDigits(child.textContent)
            .replace(/\D/g, "") === target
        );
      });
    });

    if (exactElement) {
      exactElement.classList.add("enjoy-cr-badge");
      return;
    }

    const walker = document.createTreeWalker(
      footer,
      NodeFilter.SHOW_TEXT
    );

    let textNode;

    while ((textNode = walker.nextNode())) {
      const parent = textNode.parentElement;

      if (
        !parent ||
        parent.closest(
          "script, style, .enjoy-cr-badge"
        )
      ) {
        continue;
      }

      const raw = textNode.nodeValue || "";
      const groups = raw.match(/[0-9٠-٩۰-۹][0-9٠-٩۰-۹\s-]{8,}/g);

      if (!groups) {
        continue;
      }

      const match = groups.find((group) => {
        return (
          normalizeDigits(group)
            .replace(/\D/g, "") === target
        );
      });

      if (!match) {
        continue;
      }

      const index = raw.indexOf(match);
      const fragment = document.createDocumentFragment();

      if (index > 0) {
        fragment.appendChild(
          document.createTextNode(
            raw.slice(0, index)
          )
        );
      }

      const badge = document.createElement("span");
      badge.className = "enjoy-cr-badge";
      badge.textContent = match.trim();
      fragment.appendChild(badge);

      const after = raw.slice(index + match.length);

      if (after) {
        fragment.appendChild(
          document.createTextNode(after)
        );
      }

      textNode.parentNode.replaceChild(
        fragment,
        textNode
      );

      return;
    }
  };


  const markFooterBottom = (footer) => {
    if (!footer) {
      return;
    }

    const payment = first([
      ".footer-payments",
      ".payment-methods",
      "[class*='payment-method']",
      "[class*='payments']",
      "salla-payments"
    ], footer);

    const social = first([
      ".footer-social",
      ".social-icons",
      "[class*='social']"
    ], footer);

    const rights = findSmallestTextElement(
      footer,
      [
        /الحقوق محفوظة/,
        /all rights reserved/,
        /enjoy store 2026/
      ]
    );

    if (payment) {
      payment.classList.add("enjoy-payment-row");
    }

    if (social) {
      social.classList.add("enjoy-social-row");
    }

    if (rights) {
      rights.classList.add("enjoy-rights");
    }

    const explicitBottom = first([
      ".footer-bottom",
      "[class*='footer-bottom']",
      ".sub-footer",
      ".copyright",
      "[class*='copyright']"
    ], footer);

    let bottom = explicitBottom;

    if (!bottom) {
      bottom = lowestCommonAncestor(
        [payment, social, rights],
        footer
      );
    }

    if (
      bottom &&
      bottom !== footer &&
      !bottom.closest(".footer-main")
    ) {
      bottom.classList.add("enjoy-footer-bottom");
    } else if (explicitBottom) {
      explicitBottom.classList.add(
        "enjoy-footer-bottom"
      );
    }
  };


  const customizeFooter = () => {
    const footer = getFooter();

    if (!footer) {
      return false;
    }

    footer.classList.add("enjoy-footer");
    styleCommercialRegistration(footer);
    markFooterBottom(footer);

    return true;
  };




  /* -------------------------
     تأثير كروت الصفحة الرئيسية
  ------------------------- */

  const isHomePageContext = () => {
    const path = window.location.pathname
      .replace(/\/{2,}/g, "/")
      .replace(/^\/+|\/+$/g, "");

    const isInnerPage =
      /(^|\/)(product|products|category|categories|cart|checkout|blog|page|pages)(\/|$)/i.test(
        path
      ) ||
      Boolean(
        document.querySelector(
          [
            '[data-testid="store-product-title"]',
            "salla-add-product",
            ".product-single",
            ".product-details",
            ".cart-page",
            ".checkout-page"
          ].join(",")
        )
      );

    return (
      !isInnerPage &&
      Boolean(
        document.querySelector(
          [
            "#edit-1043230099",
            "main.home",
            ".home-page",
            ".page-home",
            "[data-page='home']",
            "[data-page-type='home']"
          ].join(",")
        )
      )
    );
  };


  const findVisibleCardTarget = (media, knownCard) => {
    if (knownCard) {
      const rect = knownCard.getBoundingClientRect();

      if (rect.width > 120 && rect.height > 120) {
        return knownCard;
      }
    }

    const mediaRect = media.getBoundingClientRect();
    let current = media.parentElement;
    let best = null;

    for (let level = 0; current && level < 8; level += 1) {
      const rect = current.getBoundingClientRect();

      const widthIsClose =
        rect.width >= mediaRect.width * 0.88 &&
        rect.width <= mediaRect.width * 1.45;

      const hasCardHeight =
        rect.height >= mediaRect.height + 70;

      const containsContent = Boolean(
        current.querySelector(
          [
            "salla-add-product-button",
            ".s-button-element",
            "[class*='price']",
            "[class*='title']",
            "[class*='name']"
          ].join(",")
        )
      );

      if (
        widthIsClose &&
        hasCardHeight &&
        containsContent
      ) {
        best = current;
        break;
      }

      current = current.parentElement;
    }

    return best || knownCard || media.parentElement;
  };


  const applyHomeCardEffect = (media, knownCard) => {
    if (!isHomePageContext()) {
      return;
    }

    const target = findVisibleCardTarget(
      media,
      knownCard
    );

    if (!target) {
      return;
    }

    target.classList.add("enjoy-card-effect");

    const parent = target.parentElement;

    if (parent) {
      parent.classList.add(
        "enjoy-card-effect-parent"
      );
    }
  };


  /* -------------------------
     كروت المنتجات
     إظهار الصورة بارتفاعها الطبيعي من غير قص أو نسبة ثابتة
  ------------------------- */

  const customizeProductCards = (root = document) => {
    const cardSelector = [
      "custom-salla-product-card",
      "salla-product-card",
      ".s-product-card-entry",
      ".product-entry",
      ".product-card",
      "[class*='product-card']"
    ].join(",");

    const knownMediaSelector = [
      ".product-entry__image",
      ".s-product-entry-image",
      ".s-product-card-image",
      ".product-card__image",
      ".product-image"
    ].join(",");

    const excludedSelector = [
      'salla-slider[data-testid="store-product-image-slider"]',
      "[data-testid='store-product-thumbnails']",
      ".product-gallery",
      ".product-gallery__main",
      ".product-single__photos",
      ".photos-slider",
      ".product-slider",
      ".swiper-thumbs",
      ".thumbnails",
      "header",
      "footer",
      ".enjoy-category-motion"
    ].join(",");

    const setImportant = (element, property, value) => {
      if (element) {
        element.style.setProperty(
          property,
          value,
          "important"
        );
      }
    };

    const mediaItems = [];

    /* الحاويات المعروفة في ثيمات سلة */
    root.querySelectorAll(knownMediaSelector).forEach((media) => {
      const image = media.querySelector("img");

      if (image) {
        mediaItems.push({ media, image });
      }
    });

    /*
     * البنية الرقمية في الثيم:
     * #398882039 > a > img
     * هنا نستخدم رابط الصورة نفسه كحاوية،
     * وليس العنصر الرقمي الذي قد يحتوي باقي بيانات الكارت.
     */
    root.querySelectorAll("[id] > a > img").forEach((image) => {
      const holder = image.parentElement?.parentElement;
      const link = image.parentElement;

      if (
        holder &&
        link &&
        /^\d+$/.test(holder.id || "") &&
        !image.closest(excludedSelector)
      ) {
        mediaItems.push({ media: link, image });
      }
    });

    const seenMedia = new Set();

    mediaItems.forEach(({ media, image }) => {
      if (
        !media ||
        !image ||
        seenMedia.has(media) ||
        media.closest(excludedSelector)
      ) {
        return;
      }

      seenMedia.add(media);

      const card = media.closest(cardSelector);

      if (card) {
        card.classList.add("enjoy-product-card");

        if (card.matches("salla-product-card")) {
          card.removeAttribute("full-image");
        }

        setImportant(card, "height", "auto");
        setImportant(card, "min-height", "0");
        setImportant(card, "max-height", "none");
        setImportant(card, "overflow", "hidden");

        const outerItem = card.closest(
          ".swiper-slide, li, [class*='grid-item'], [class*='product-item']"
        );

        if (outerItem) {
          outerItem.classList.add("closest-fix");
          setImportant(outerItem, "height", "auto");
          setImportant(outerItem, "min-height", "0");
          setImportant(outerItem, "max-height", "none");
          setImportant(outerItem, "overflow", "visible");
        }
      }

      applyHomeCardEffect(media, card);

      media.classList.add("enjoy-card-media");

      setImportant(media, "position", "relative");
      setImportant(media, "display", "flex");
      setImportant(media, "align-items", "center");
      setImportant(media, "justify-content", "center");
      setImportant(media, "width", "100%");
      setImportant(
        media,
        "height",
        "var(--enjoy-card-media-height)"
      );
      setImportant(
        media,
        "min-height",
        "var(--enjoy-card-media-height)"
      );
      setImportant(
        media,
        "max-height",
        "var(--enjoy-card-media-height)"
      );
      setImportant(media, "box-sizing", "border-box");
      setImportant(media, "margin", "0");
      setImportant(media, "padding", "6px");
      setImportant(media, "background", "#ffffff");
      setImportant(media, "overflow", "hidden");
      setImportant(media, "border-radius", "16px 16px 0 0");

      /*
       * ننسق فقط الآباء بين الصورة والحاوية.
       * لا نلمس روابط العنوان أو محتوى الكارت.
       */
      let layer = image.parentElement;

      while (
        layer &&
        layer !== media &&
        media.contains(layer)
      ) {
        layer.classList.add("enjoy-card-image-layer");

        setImportant(layer, "position", "static");
        setImportant(layer, "display", "flex");
        setImportant(layer, "align-items", "center");
        setImportant(layer, "justify-content", "center");
        setImportant(layer, "width", "100%");
        setImportant(layer, "height", "100%");
        setImportant(layer, "min-height", "0");
        setImportant(layer, "max-height", "100%");
        setImportant(layer, "box-sizing", "border-box");
        setImportant(layer, "margin", "0");
        setImportant(layer, "padding", "0");
        setImportant(layer, "background", "#ffffff");
        setImportant(layer, "overflow", "hidden");

        layer = layer.parentElement;
      }

      image.classList.add("enjoy-card-image");

      setImportant(image, "position", "static");
      setImportant(image, "inset", "auto");
      setImportant(image, "display", "block");
      setImportant(image, "width", "100%");
      setImportant(image, "height", "100%");
      setImportant(image, "min-width", "0");
      setImportant(image, "min-height", "0");
      setImportant(image, "max-width", "100%");
      setImportant(image, "max-height", "100%");
      setImportant(image, "box-sizing", "border-box");
      setImportant(image, "margin", "0");
      setImportant(image, "padding", "0");
      setImportant(image, "object-fit", "contain");
      setImportant(image, "object-position", "center center");
      setImportant(image, "background", "#ffffff");
      setImportant(image, "border-radius", "11px");
      setImportant(image, "transform", "none");
    });
  };


  /* -------------------------
     صفحة تفاصيل المنتج
  ------------------------- */

  const customizeProductPage = () => {
    const officialGallery = document.querySelector(
      'salla-slider[data-testid="store-product-image-slider"]'
    );

    const isProductPage = Boolean(
      officialGallery ||
      document.querySelector(
        '[data-testid="store-product-title"]'
      ) ||
      document.querySelector("salla-add-product") ||
      /\/product\//i.test(window.location.pathname)
    );

    if (!isProductPage) {
      return;
    }

    document.body.classList.add(
      "enjoy-product-page"
    );

    if (officialGallery) {
      officialGallery.classList.add(
        "enjoy-product-gallery"
      );

      return;
    }

    const fallbackGallery = first([
      ".details-slider.image-slider",
      ".details-slider",
      ".product-gallery",
      ".product-slider",
      "[data-product-gallery]"
    ]);

    if (!fallbackGallery) {
      return;
    }

    fallbackGallery.classList.add(
      "enjoy-product-gallery"
    );

    fallbackGallery
      .querySelectorAll("img")
      .forEach((image) => {
        const isThumbnail = Boolean(
          image.closest(
            [
              "[data-testid='store-product-thumbnails']",
              "[slot='thumbs']",
              ".swiper-thumbs",
              ".thumbnails",
              "[class*='thumbnail']"
            ].join(",")
          )
        );

        if (!isThumbnail) {
          image.classList.add(
            "enjoy-main-product-image"
          );
        }
      });
  };


  /* -------------------------
     صور السلايدر المتحرك
  ------------------------- */

  const getProductImages = () => {
    const manual = CONFIG.manualSliderImages
      .map((url) => String(url || "").trim())
      .filter(Boolean);

    if (manual.length >= 2) {
      return unique(manual).slice(
        0,
        CONFIG.maxSliderImages
      );
    }

    const selectors = [
      "salla-product-card img",
      ".s-product-card-image img",
      ".product-entry__image img",
      ".product-card__image img"
    ].join(",");

    const automatic = [
      ...document.querySelectorAll(selectors)
    ]
      .filter((image) => {
        const identity = normalizeText([
          image.getAttribute("alt"),
          image.getAttribute("src")
        ].join(" "));

        return !/logo|شعار|placeholder/.test(identity);
      })
      .map(getImageUrl)
      .filter((url) => {
        return (
          url &&
          !url.startsWith("data:image/svg") &&
          !url.includes("placeholder")
        );
      });

    return unique(automatic).slice(
      0,
      CONFIG.maxSliderImages
    );
  };


  const findCategorySection = () => {
    const title = normalizeText(
      CONFIG.categoryTitle
    );

    const headings = [
      ...document.querySelectorAll(
        [
          "h1",
          "h2",
          "h3",
          "h4",
          ".section-title",
          "[class*='section-title']"
        ].join(",")
      )
    ];

    const heading = headings.find((element) => {
      return normalizeText(
        element.textContent
      ).includes(title);
    });

    if (!heading) {
      return null;
    }

    const section = heading.closest("section");

    if (section) {
      return section;
    }

    let current = heading.parentElement;
    let selected = heading.parentElement;
    let levels = 0;

    while (
      current &&
      current !== document.body &&
      levels < 7
    ) {
      const rect = current.getBoundingClientRect();

      if (
        rect.width >
          Math.min(window.innerWidth * 0.75, 800) &&
        rect.height >= 120 &&
        rect.height <= 500
      ) {
        selected = current;
      }

      current = current.parentElement;
      levels += 1;
    }

    return selected;
  };


  const createMotionGroup = (images) => {
    const group = document.createElement("div");
    group.className = "enjoy-motion-group";
    group.setAttribute("aria-hidden", "true");

    images.forEach((url, index) => {
      const item = document.createElement("div");
      const image = document.createElement("img");

      item.className = "enjoy-motion-item";

      image.src = url;
      image.alt = `صورة منتج ${index + 1}`;
      image.loading = "lazy";
      image.decoding = "async";

      item.appendChild(image);
      group.appendChild(item);
    });

    return group;
  };


  const mountCategorySlider = () => {
    if (
      document.getElementById(
        "enjoy-category-motion"
      )
    ) {
      return true;
    }

    const section = findCategorySection();
    const images = getProductImages();

    if (!section || images.length < 2) {
      return false;
    }

    section.classList.add(
      "enjoy-category-section"
    );

    const slider = document.createElement("div");
    const track = document.createElement("div");

    slider.id = "enjoy-category-motion";
    slider.className = "enjoy-category-motion";
    slider.setAttribute(
      "aria-label",
      "صور متحركة لبعض منتجات المتجر"
    );

    track.className = "enjoy-motion-track";

    track.appendChild(
      createMotionGroup(images)
    );

    track.appendChild(
      createMotionGroup(images)
    );

    slider.appendChild(track);
    section.appendChild(slider);

    return true;
  };


  /* -------------------------
     التشغيل
  ------------------------- */

  const run = () => {
    document.documentElement.classList.add(
      "enjoy-theme"
    );

    customizePageLoader();
    fixHeaderAndLogos();
    customizeFooter();
    customizeProductCards();
    customizeProductPage();
    mountCategorySlider();
  };


  const initialize = () => {
    run();

    /*
     * محاولات إضافية لأن سلة قد تحمل أجزاء الصفحة متأخرًا.
     */
    [150, 400, 900, 1800, 3500].forEach(
      (delay) => {
        window.setTimeout(run, delay);
      }
    );

    let frame = null;

    const observer = new MutationObserver(() => {
      if (frame) {
        window.cancelAnimationFrame(frame);
      }

      frame = window.requestAnimationFrame(run);
    });

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

    window.setTimeout(() => {
      observer.disconnect();
      run();
    }, 45000);
  };


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

(() => {
  "use strict";

  const PRODUCT_PAGE_SELECTORS = [
    'salla-slider[data-testid="store-product-image-slider"]',
    '[data-testid="store-product-title"]',
    'salla-quick-order',
    '[id^="anjiz-order-"]',
    'salla-add-product',
    '.product-single',
    '.product-details'
  ].join(",");

  const GALLERY_SELECTORS = [
    'salla-slider[data-testid="store-product-image-slider"]',
    '.details-slider.image-slider',
    '.details-slider',
    '.product-gallery',
    '.product-slider',
    '[data-product-gallery]',
    '.enjoy-product-gallery'
  ].join(",");

  const THUMBNAIL_SELECTOR = [
    '[data-testid="store-product-thumbnails"]',
    '[slot="thumbs"]',
    '.swiper-thumbs',
    '.thumbs-slider',
    '.thumbnails',
    '[class*="thumbnail"]',
    '[class*="thumbs"]'
  ].join(",");

  const LOGO_EXCLUDED_SELECTOR = [
    "header",
    "#anjiz-header",
    "footer",
    ".store-footer",
    "salla-installment",
    "[class*='installment']",
    "salla-reviews",
    "[class*='review']",
    "[class*='testimonial']",
    "blockquote",
    ".enjoy-why",
    "salla-quick-order",
    "[id^='anjiz-order-']",
    "salla-products-slider",
    "salla-product-card",
    ".enjoy-product-card"
  ].join(",");

  const SUBMENU_SELECTORS = [
    '#anjiz-header nav ul ul',
    '#anjiz-header .sub-menu',
    '#anjiz-header .submenu',
    '#anjiz-header [class*="sub-menu"]',
    '#anjiz-header [class*="submenu"]',
    '#anjiz-header [class*="dropdown-menu"]',
    '#anjiz-header [class*="mega-menu"]',
    '#anjiz-header [class*="children-menu"]',
    '#anjiz-header [class*="menu-children"]'
  ].join(",");

  const setImportant = (
    element,
    property,
    value
  ) => {
    if (element?.style) {
      element.style.setProperty(
        property,
        value,
        "important"
      );
    }
  };

  const isProductPage = () => {
    return Boolean(
      document.querySelector(PRODUCT_PAGE_SELECTORS)
    ) || /\/(product|products|p)\//i.test(
      window.location.pathname
    );
  };

  const markHeader = () => {
    const header = document.querySelector(
      "#anjiz-header"
    );

    if (!header) {
      return;
    }

    header.classList.add(
      "enjoy-unified-header"
    );

    header.closest("header")?.classList.add(
      "enjoy-unified-header-shell"
    );
  };

  const markSubmenus = (root = document) => {
    root
      .querySelectorAll?.(SUBMENU_SELECTORS)
      .forEach((panel) => {
        if (panel.closest("#anjiz-header")) {
          panel.classList.add(
            "enjoy-submenu-panel"
          );
        }
      });
  };

  const composedParent = (node) => {
    if (!node) {
      return null;
    }

    return (
      node.parentElement ||
      node.getRootNode?.()?.host ||
      null
    );
  };

  const hasComposedAncestor = (
    element,
    selector,
    stopElement
  ) => {
    let current = element;

    while (
      current &&
      current !== stopElement &&
      current !== document.body
    ) {
      if (current.matches?.(selector)) {
        return true;
      }

      current = composedParent(current);
    }

    return false;
  };

  const getSearchRoots = (host) => {
    const roots = [host];
    const seen = new Set(roots);

    const visit = (root) => {
      root.querySelectorAll?.("*").forEach(
        (element) => {
          if (
            element.shadowRoot &&
            !seen.has(element.shadowRoot)
          ) {
            seen.add(element.shadowRoot);
            roots.push(element.shadowRoot);
            visit(element.shadowRoot);
          }
        }
      );
    };

    visit(host);

    if (
      host.shadowRoot &&
      !seen.has(host.shadowRoot)
    ) {
      roots.push(host.shadowRoot);
      visit(host.shadowRoot);
    }

    return roots;
  };

  const injectGalleryShadowStyle = (root) => {
    if (
      !(root instanceof ShadowRoot) ||
      root.querySelector(
        "#enjoy-product-gallery-shadow-style"
      )
    ) {
      return;
    }

    const style = document.createElement("style");
    style.id =
      "enjoy-product-gallery-shadow-style";

    style.textContent = `
      :host {
        height: auto !important;
        max-height: none !important;
        overflow: visible !important;
      }

      .swiper,
      .swiper-container,
      .swiper-wrapper {
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
      }

      .swiper-slide.enjoy-main-product-slide {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;

        height:
          var(
            --enjoy-product-gallery-height,
            760px
          ) !important;
        min-height:
          var(
            --enjoy-product-gallery-height,
            760px
          ) !important;
        max-height:
          var(
            --enjoy-product-gallery-height,
            760px
          ) !important;

        background: #ffffff !important;
        overflow: hidden !important;
      }

      img.enjoy-portrait-product-image {
        width: 100% !important;
        height: 100% !important;
        max-width: 100% !important;
        max-height: 100% !important;
        object-fit: contain !important;
        object-position: center !important;
        background: #ffffff !important;
      }
    `;

    root.append(style);
  };

  const styleMainImage = (
    image,
    gallery
  ) => {
    if (
      !image ||
      hasComposedAncestor(
        image,
        THUMBNAIL_SELECTOR,
        gallery
      )
    ) {
      return;
    }

    image.classList.add(
      "enjoy-portrait-product-image"
    );

    [
      ["position", "static"],
      ["inset", "auto"],
      ["display", "block"],
      ["width", "100%"],
      ["height", "100%"],
      ["min-width", "0"],
      ["min-height", "0"],
      ["max-width", "100%"],
      ["max-height", "100%"],
      ["margin", "0"],
      ["padding", "0"],
      ["object-fit", "contain"],
      ["object-position", "center center"],
      ["background", "#ffffff"],
      ["border-radius", "12px"],
      ["transform", "none"]
    ].forEach(([property, value]) => {
      setImportant(image, property, value);
    });

    let current = composedParent(image);
    let slide = null;
    let levels = 0;

    while (
      current &&
      current !== gallery &&
      levels < 10
    ) {
      if (
        current.matches?.(
          ".swiper-slide, [slot='items']"
        )
      ) {
        slide = current;
        break;
      }

      current.classList?.add(
        "enjoy-main-product-layer"
      );

      [
        ["position", "static"],
        ["display", "flex"],
        ["align-items", "center"],
        ["justify-content", "center"],
        ["width", "100%"],
        ["height", "100%"],
        ["min-height", "0"],
        ["max-height", "100%"],
        ["margin", "0"],
        ["padding", "0"],
        ["background", "#ffffff"],
        ["overflow", "hidden"]
      ].forEach(([property, value]) => {
        setImportant(current, property, value);
      });

      current = composedParent(current);
      levels += 1;
    }

    if (!slide) {
      slide = image.closest?.(
        ".swiper-slide, [slot='items'], figure"
      );
    }

    if (slide) {
      slide.classList.add(
        "enjoy-main-product-slide"
      );

      [
        ["position", "relative"],
        ["display", "flex"],
        ["align-items", "center"],
        ["justify-content", "center"],
        ["width", "100%"],
        [
          "height",
          "var(--enjoy-product-gallery-height)"
        ],
        [
          "min-height",
          "var(--enjoy-product-gallery-height)"
        ],
        [
          "max-height",
          "var(--enjoy-product-gallery-height)"
        ],
        ["box-sizing", "border-box"],
        ["margin", "0"],
        ["padding", "8px"],
        ["background", "#ffffff"],
        ["overflow", "hidden"]
      ].forEach(([property, value]) => {
        setImportant(slide, property, value);
      });
    }

    if (!image.dataset.enjoyLoadBound) {
      image.dataset.enjoyLoadBound = "true";

      image.addEventListener(
        "load",
        () => {
          gallery.update?.();
          gallery.updateAutoHeight?.(0);
        },
        { once: true }
      );
    }
  };

  const flattenSlides = (value) => {
    if (!value) {
      return [];
    }

    if (
      value instanceof Element ||
      value instanceof DocumentFragment
    ) {
      return [value];
    }

    if (
      Array.isArray(value) ||
      value instanceof NodeList ||
      value instanceof HTMLCollection
    ) {
      return [...value].flatMap(flattenSlides);
    }

    if (typeof value === "object") {
      return Object.values(value)
        .flatMap(flattenSlides);
    }

    return [];
  };

  const styleGallery = (gallery) => {
    if (!gallery) {
      return;
    }

    gallery.classList.add(
      "enjoy-product-gallery",
      "enjoy-portrait-product-gallery"
    );

    gallery.setAttribute("auto-height", "");
    gallery.setAttribute(
      "slides-per-view",
      "1"
    );

    [
      ["display", "block"],
      [
        "width",
        "min(100%, var(--enjoy-product-gallery-width))"
      ],
      [
        "max-width",
        "var(--enjoy-product-gallery-width)"
      ],
      ["height", "auto"],
      ["min-height", "0"],
      ["max-height", "none"],
      ["margin-inline", "auto"],
      ["overflow", "visible"]
    ].forEach(([property, value]) => {
      setImportant(gallery, property, value);
    });

    const roots = getSearchRoots(gallery);

    roots.forEach((root) => {
      injectGalleryShadowStyle(root);

      root
        .querySelectorAll?.("img")
        .forEach((image) => {
          styleMainImage(image, gallery);
        });

      root
        .querySelectorAll?.(
          ".swiper, .swiper-container, .swiper-wrapper"
        )
        .forEach((layer) => {
          setImportant(layer, "height", "auto");
          setImportant(
            layer,
            "min-height",
            "0"
          );
          setImportant(
            layer,
            "max-height",
            "none"
          );
        });
    });

    gallery
      .querySelectorAll(
        ":scope > [slot='items']"
      )
      .forEach((item) => {
        item.classList.add(
          "enjoy-main-product-slide"
        );

        item
          .querySelectorAll("img")
          .forEach((image) => {
            styleMainImage(image, gallery);
          });
      });

    if (
      typeof gallery.getSlides === "function"
    ) {
      Promise.resolve(gallery.getSlides())
        .then((slides) => {
          flattenSlides(slides).forEach(
            (slide) => {
              if (
                !slide.querySelector?.("img") &&
                !slide.matches?.("img")
              ) {
                return;
              }

              slide.classList?.add(
                "enjoy-main-product-slide"
              );

              slide
                .querySelectorAll?.("img")
                .forEach((image) => {
                  styleMainImage(
                    image,
                    gallery
                  );
                });
            }
          );

          return gallery.update?.();
        })
        .then(() => {
          return gallery.updateAutoHeight?.(0);
        })
        .catch(() => {
          /* بعض نسخ الثيم لا تعرض Methods المكوّن */
        });
    }
  };

  const styleProductGalleries = () => {
    document
      .querySelectorAll(GALLERY_SELECTORS)
      .forEach(styleGallery);
  };

  const logoIdentityScore = (image) => {
    const identity = [
      image.getAttribute("alt"),
      image.getAttribute("title"),
      image.getAttribute("class"),
      image.getAttribute("src"),
      image.parentElement?.getAttribute(
        "class"
      )
    ]
      .join(" ")
      .toLowerCase();

    return /logo|enjoy|store|شعار|انجوي/.test(
      identity
    )
      ? 0
      : 80;
  };

  const findGalleryLogo = (gallery) => {
    if (!gallery) {
      return null;
    }

    const galleryRect =
      gallery.getBoundingClientRect();

    let scope = gallery.parentElement;
    const scopes = [];

    for (
      let level = 0;
      scope &&
      scope !== document.body &&
      level < 6;
      level += 1
    ) {
      scopes.push(scope);
      scope = scope.parentElement;
    }

    const seen = new Set();
    const candidates = [];

    scopes.forEach((container) => {
      container
        .querySelectorAll("img")
        .forEach((image) => {
          if (
            seen.has(image) ||
            gallery.contains(image) ||
            image.closest(
              LOGO_EXCLUDED_SELECTOR
            )
          ) {
            return;
          }

          seen.add(image);

          const rect =
            image.getBoundingClientRect();

          if (
            rect.width < 24 ||
            rect.height < 24 ||
            rect.width > 180 ||
            rect.height > 180
          ) {
            return;
          }

          const gap =
            galleryRect.top - rect.bottom;

          const imageCenter =
            rect.left + rect.width / 2;

          const galleryCenter =
            galleryRect.left +
            galleryRect.width / 2;

          const centerDistance = Math.abs(
            imageCenter - galleryCenter
          );

          if (
            gap < -20 ||
            gap > 260 ||
            centerDistance >
              Math.max(
                220,
                galleryRect.width * 0.36
              )
          ) {
            return;
          }

          candidates.push({
            image,
            score:
              Math.max(0, gap) +
              centerDistance * 0.35 +
              logoIdentityScore(image)
          });
        });
    });

    candidates.sort(
      (first, second) =>
        first.score - second.score
    );

    return candidates[0]?.image || null;
  };

  const styleOnlyGalleryLogo = () => {
    const gallery = document.querySelector(
      GALLERY_SELECTORS
    );

    if (!gallery) {
      return;
    }

    const logo = findGalleryLogo(gallery);

    if (!logo) {
      return;
    }

    logo.classList.add(
      "enjoy-product-gallery-logo"
    );

    const wrapper = logo.parentElement;

    if (wrapper) {
      wrapper.classList.add(
        "enjoy-product-gallery-logo-wrap"
      );

      setImportant(
        wrapper,
        "background",
        "transparent"
      );

      setImportant(
        wrapper,
        "box-shadow",
        "none"
      );

      setImportant(
        wrapper,
        "border",
        "0"
      );
    }

    setImportant(
      logo,
      "background",
      "transparent"
    );

    setImportant(
      logo,
      "box-shadow",
      "none"
    );

    setImportant(
      logo,
      "border",
      "0"
    );
  };

  const run = () => {
    markHeader();
    markSubmenus();

    if (!isProductPage()) {
      return;
    }

    document.body.classList.add(
      "enjoy-product-details-page"
    );

    styleProductGalleries();
    styleOnlyGalleryLogo();
  };

  const init = () => {
    run();

    [180, 500, 1000, 2200, 4000].forEach(
      (delay) => {
        window.setTimeout(run, delay);
      }
    );

    let frame = 0;

    const observer = new MutationObserver(
      (mutations) => {
        const hasAddedElements =
          mutations.some((mutation) => {
            return [...mutation.addedNodes]
              .some(
                (node) =>
                  node.nodeType === 1
              );
          });

        if (!hasAddedElements) {
          return;
        }

        window.cancelAnimationFrame(frame);
        frame =
          window.requestAnimationFrame(run);
      }
    );

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

    window.setTimeout(() => {
      observer.disconnect();
      run();
    }, 45000);
  };

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

/* استعادة أنيميشن قسم HTML لماذا ENJOY STORE */
(() => {
  "use strict";

  const SECTION_SELECTOR = ".enjoy-why";
  const STAT_SELECTOR = ".enjoy-stat";

  const reducedMotion = window.matchMedia(
    "(prefers-reduced-motion: reduce)"
  ).matches;

  const animatedSections = new WeakSet();
  const observedSections = new WeakSet();

  const animateCounter = (
    element,
    target,
    duration = 1450
  ) => {
    if (!element) {
      return;
    }

    const safeTarget = Math.max(
      0,
      Math.min(100, Number(target) || 0)
    );

    if (reducedMotion) {
      element.textContent = String(safeTarget);
      return;
    }

    const startedAt = performance.now();

    const update = (now) => {
      const progress = Math.min(
        (now - startedAt) / duration,
        1
      );

      const eased =
        1 - Math.pow(1 - progress, 3);

      element.textContent = String(
        Math.round(safeTarget * eased)
      );

      if (progress < 1) {
        requestAnimationFrame(update);
      }
    };

    requestAnimationFrame(update);
  };

  const startSection = (section) => {
    if (
      !section ||
      animatedSections.has(section)
    ) {
      return;
    }

    animatedSections.add(section);
    section.dataset.enjoyAnimated = "true";

    section
      .querySelectorAll(STAT_SELECTOR)
      .forEach((stat, index) => {
        const value = Math.max(
          0,
          Math.min(
            100,
            Number(stat.dataset.value || 0)
          )
        );

        const counter = stat.querySelector(
          ".enjoy-counter"
        );

        const fill = stat.querySelector(
          ".enjoy-stat__fill"
        );

        stat.style.setProperty(
          "--enjoy-value",
          `${value}%`
        );

        if (fill) {
          fill.style.setProperty(
            "width",
            "0%",
            "important"
          );
        }

        if (counter) {
          counter.textContent = "0";
        }

        window.setTimeout(() => {
          stat.classList.add("is-active");

          if (fill) {
            fill.style.setProperty(
              "width",
              `${value}%`,
              "important"
            );
          }

          animateCounter(
            counter,
            value,
            1450
          );
        }, 120 + index * 150);
      });
  };

  const observer = "IntersectionObserver" in window
    ? new IntersectionObserver(
        (entries) => {
          entries.forEach((entry) => {
            if (!entry.isIntersecting) {
              return;
            }

            startSection(entry.target);
            observer.unobserve(entry.target);
          });
        },
        {
          threshold: 0.12,
          rootMargin: "0px 0px -5% 0px"
        }
      )
    : null;

  const registerSection = (section) => {
    if (
      !section ||
      observedSections.has(section)
    ) {
      return;
    }

    observedSections.add(section);

    if (observer) {
      observer.observe(section);
    } else {
      startSection(section);
    }
  };

  const scan = (root = document) => {
    if (
      root instanceof Element &&
      root.matches(SECTION_SELECTOR)
    ) {
      registerSection(root);
    }

    root
      .querySelectorAll?.(SECTION_SELECTOR)
      .forEach(registerSection);
  };

  const init = () => {
    scan(document);

    const mutationObserver =
      new MutationObserver((mutations) => {
        mutations.forEach((mutation) => {
          mutation.addedNodes.forEach((node) => {
            if (node.nodeType === 1) {
              scan(node);
            }
          });
        });
      });

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

    window.setTimeout(() => scan(document), 300);
    window.setTimeout(() => scan(document), 1000);
    window.setTimeout(() => scan(document), 2500);
  };

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