(function () {
  "use strict";

  const hostname = location.hostname.replace(/^www\./, "");

  if (hostname !== "kyefkhwlan.com") return;

  function setupKyefSEO() {

    if (!document.head) return;

    /*
     * 1. META ROBOTS
     * Apply to ALL pages.
     * Never override existing robots directives.
     */
    const existingRobots = document.head.querySelector(
      'meta[name="robots" i]'
    );

    if (!existingRobots) {
      const robots = document.createElement("meta");

      robots.setAttribute("name", "robots");
      robots.setAttribute(
        "content",
        "index, follow, max-image-preview:large, " +
        "max-snippet:-1, max-video-preview:-1"
      );

      document.head.appendChild(robots);
    }

    /*
     * The following additions are homepage-only.
     */
    if (location.pathname !== "/") return;

    /*
     * 2. WEB SITE SCHEMA
     * Check recursively for existing WebSite schema.
     */
    function hasWebSite(value) {
      if (!value || typeof value !== "object") {
        return false;
      }

      if (Array.isArray(value)) {
        return value.some(hasWebSite);
      }

      const types = [].concat(value["@type"] || []);

      if (types.includes("WebSite")) {
        return true;
      }

      return Object.values(value).some(hasWebSite);
    }

    const schemaExists = Array.from(
      document.querySelectorAll(
        'script[type="application/ld+json"]'
      )
    ).some(el => {
      try {
        return hasWebSite(
          JSON.parse(el.textContent)
        );
      } catch (error) {
        return false;
      }
    });

    if (!schemaExists) {
      const schema = {
        "@context": "https://schema.org",
        "@type": "WebSite",
        "@id": "https://kyefkhwlan.com/#website",
        "url": "https://kyefkhwlan.com/",
        "name": "كيف خولان",
        "alternateName": [
          "مؤسسة كيف خولان",
          "Kyef Khwlan"
        ],
        "inLanguage": "ar"
      };

      const script = document.createElement("script");

      script.id = "kyefkhwlan-website-schema";
      script.type = "application/ld+json";
      script.textContent = JSON.stringify(schema);

      document.head.appendChild(script);
    }

    /*
     * 3. OPEN GRAPH SITE NAME
     * Homepage only.
     */
    if (!document.head.querySelector(
      'meta[property="og:site_name" i]'
    )) {
      const og = document.createElement("meta");

      og.setAttribute("property", "og:site_name");
      og.setAttribute("content", "كيف خولان");

      document.head.appendChild(og);
    }

  }

  // Run as early as possible.
  if (document.head) {
    setupKyefSEO();
  } else {
    document.addEventListener(
      "DOMContentLoaded",
      setupKyefSEO,
      { once: true }
    );
  }

})();


/* salla code*/



/* Add custom Js styles below */
(function () {

    function renderMultiColTables() {

        var selectors = [
            ".product-details__description",
            ".product__description",
            "#description",
            ".description-content",
            "article",
            ".pro-details",
        ];

        selectors.forEach(function (selector) {
            document.querySelectorAll(selector).forEach(processContainer);
        });
    }

    function processContainer(targetElement) {

        var htmlContent = targetElement.innerHTML;

        var regex = /\|جدول\|([\s\S]*?)\|الجدول\|/g;

        if (!htmlContent.match(regex)) return;

        var newHtml = htmlContent.replace(regex, function (match, tableContent) {

            var cleanText = tableContent
                .replace(/<br\s*\/?>/gi, "\n")
                .replace(/<\/p>/gi, "\n")
                .replace(/<[^>]*>/g, "")
                .replace(/&nbsp;/g, " ");

            var rows = cleanText.split("\n");

            var tableHTML = '<table class="salla-multi-table">';

            var isFirstRow = true;

            rows.forEach(function (row) {

                row = row.trim();

                if (!row) return;

                var cols = row.split("|");

                if (isFirstRow) {

                    tableHTML += "<thead><tr>";

                    cols.forEach(function (col) {
                        tableHTML += "<th>" + col.trim() + "</th>";
                    });

                    tableHTML += "</tr></thead><tbody>";

                    isFirstRow = false;

                } else {

                    tableHTML += "<tr>";

                    cols.forEach(function (col) {
                        tableHTML += "<td>" + col.trim() + "</td>";
                    });

                    tableHTML += "</tr>";
                }
            });

            tableHTML += "</tbody></table>";

            return tableHTML;
        });

        targetElement.innerHTML = newHtml;
    }

    function renderFAQ() {

        var selectors = [
            ".product-details__description",
            ".product__description",
            "#description",
            ".description-content",
            "article",
            ".pro-details",
        ];

        selectors.forEach(function (selector) {
            document.querySelectorAll(selector).forEach(processFAQ);
        });
    }

    function processFAQ(targetElement) {

        var htmlContent = targetElement.innerHTML;

        var faqRegex = /\|اسئلة\|([\s\S]*?)\|نهاية\|/g;

        if (!htmlContent.match(faqRegex)) return;

        var newHtml = htmlContent.replace(faqRegex, function (match, faqContent) {

            var cleanText = faqContent
                .replace(/<br\s*\/?>/gi, "\n")
                .replace(/<\/p>/gi, "\n")
                .replace(/<[^>]*>/g, "")
                .replace(/&nbsp;/g, " ");

            var lines = cleanText.split("\n");

            var faqHTML = '<div class="salla-faq-container">';

            var schemaItems = [];

            var currentQ = "";
            var currentA = "";

            lines.forEach(function (line) {

                line = line.trim();

                if (!line) return;

                if (line.startsWith("س")) {

                    if (currentQ && currentA) {

                        schemaItems.push({
                            "@type": "Question",
                            "name": currentQ,
                            "acceptedAnswer": {
                                "@type": "Answer",
                                "text": currentA
                            }
                        });
                    }

                    currentQ = line.replace(/س\s*:\s*/, "");

                    faqHTML += '<div class="salla-faq-item">';
                    faqHTML += '<h3>' + currentQ + '</h3>';

                } else if (line.startsWith("ج")) {

                    currentA = line.replace(/ج\s*:\s*/, "");

                    faqHTML += '<p>' + currentA + '</p>';
                    faqHTML += '</div>';
                }
            });

            if (currentQ && currentA) {

                schemaItems.push({
                    "@type": "Question",
                    "name": currentQ,
                    "acceptedAnswer": {
                        "@type": "Answer",
                        "text": currentA
                    }
                });
            }

            faqHTML += "</div>";

            var faqSchema = `
<script type="application/ld+json">
{
    "@context":"https://schema.org",
    "@type":"FAQPage",
    "mainEntity": ${JSON.stringify(schemaItems)}
}
<\/script>
`;

            return faqHTML + faqSchema;
        });

        targetElement.innerHTML = newHtml;
    }

    function init() {

        renderMultiColTables();

        renderFAQ();
    }

    window.addEventListener("load", init);

    setTimeout(init, 1000);
    setTimeout(init, 2500);
    setTimeout(init, 4000);

})();


/*
 * Kyef Khwlan - Homepage FAQ Schema
 * Compatible with Selia Theme / Salla
 * Reads actual FAQ content automatically
 */

(function () {
  "use strict";

  const SCHEMA_ID = "kyefkhwlan-home-faq-schema";

  // Only run on the official homepage
  const hostname = location.hostname.replace(/^www\./, "");
  const pathname = location.pathname.replace(/\/+$/, "");

  if (hostname !== "kyefkhwlan.com" || pathname !== "") {
    return;
  }

  function hasFAQPage(value) {
    if (!value || typeof value !== "object") {
      return false;
    }

    if (Array.isArray(value)) {
      return value.some(hasFAQPage);
    }

    const types = [].concat(value["@type"] || []);

    if (types.includes("FAQPage")) {
      return true;
    }

    return Object.values(value).some(hasFAQPage);
  }

  function normalizeText(text) {
    return (text || "")
      .replace(/\s+/g, " ")
      .trim();
  }

  function generateFAQSchema() {
    const faqSection = document.querySelector(
      ".s-block--faq"
    );

    if (!faqSection || !document.head) {
      return;
    }

    // Avoid duplicate FAQPage schema
    const existingScripts = document.querySelectorAll(
      'script[type="application/ld+json"]'
    );

    for (const script of existingScripts) {
      if (script.id === SCHEMA_ID) {
        return;
      }

      try {
        if (hasFAQPage(JSON.parse(script.textContent))) {
          console.info(
            "[Kyef SEO] FAQPage Schema already exists."
          );
          return;
        }
      } catch (error) {
        // Ignore unrelated invalid JSON-LD
      }
    }

    const faqItems = [];

    const items = faqSection.querySelectorAll(
      ".single-faq"
    );

    items.forEach(function (item) {
      const questionElement = item.querySelector(
        '[data-selia="home-faq-question"]'
      );

      const answerElement = item.querySelector(
        '[data-selia="home-faq-answer"]'
      );

      if (!questionElement || !answerElement) {
        return;
      }

      const question = normalizeText(
        questionElement.textContent
      );

      const answer = normalizeText(
        answerElement.textContent
      );

      if (!question || !answer) {
        return;
      }

      faqItems.push({
        "@type": "Question",
        "name": question,
        "acceptedAnswer": {
          "@type": "Answer",
          "text": answer
        }
      });
    });

    if (faqItems.length === 0) {
      return;
    }

    const schema = {
      "@context": "https://schema.org",
      "@type": "FAQPage",
      "@id": "https://kyefkhwlan.com/#faq",
      "mainEntity": faqItems
    };

    const script = document.createElement("script");

    script.id = SCHEMA_ID;
    script.type = "application/ld+json";
    script.textContent = JSON.stringify(schema);

    document.head.appendChild(script);

    console.info(
      "[Kyef SEO] FAQPage Schema added:",
      faqItems.length,
      "questions"
    );
  }

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

  // Backup check for delayed theme rendering
  window.addEventListener(
    "load",
    generateFAQSchema,
    { once: true }
  );

  setTimeout(generateFAQSchema, 1500);

})();

(function () {
  const TRACK_URL = "https://kyefkhwla.com/track";
  const WHATSAPP_NUMBER = "966555614893";

  function addStyle() {
    if (document.getElementById("kayf-service-widget-style")) return;

    const style = document.createElement("style");
    style.id = "kayf-service-widget-style";
    style.innerHTML = `
      #kayf-service-widget {
        position: fixed !important;
        left: 8px !important;
        right: auto !important;
        bottom: 12px !important;
        z-index: 999999 !important;
        direction: rtl !important;
        font-family: inherit !important;
      }

      #kayf-service-panel {
        position: absolute !important;
        left: 0 !important;
        right: auto !important;
        bottom: 46px !important;
        width: 205px !important;
        background: #ffffff !important;
        border: 1px solid #e5e7eb !important;
        border-radius: 15px !important;
        box-shadow: 0 10px 28px rgba(0,0,0,.16) !important;
        padding: 10px !important;
        display: none !important;
      }

      #kayf-service-widget.kayf-open #kayf-service-panel {
        display: block !important;
      }

      .kayf-service-head {
        display: flex !important;
        align-items: center !important;
        gap: 8px !important;
        margin-bottom: 9px !important;
      }

      .kayf-service-avatar {
        width: 31px !important;
        height: 31px !important;
        border-radius: 50% !important;
        background: linear-gradient(135deg, #dc2626, #991b1b) !important;
        color: #fff !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        font-size: 15px !important;
        flex: 0 0 auto !important;
      }

      .kayf-service-title {
        font-size: 12px !important;
        font-weight: 900 !important;
        color: #111827 !important;
        line-height: 1.3 !important;
      }

      .kayf-service-subtitle {
        font-size: 10.5px !important;
        color: #6b7280 !important;
        margin-top: 2px !important;
        line-height: 1.4 !important;
      }

      .kayf-service-option {
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        gap: 8px !important;
        width: 100% !important;
        padding: 9px 10px !important;
        border-radius: 11px !important;
        text-decoration: none !important;
        margin-top: 7px !important;
        box-sizing: border-box !important;
        transition: transform .15s ease, background .15s ease !important;
      }

      .kayf-service-option:hover {
        transform: translateY(-1px) !important;
      }

      .kayf-track-option {
        background: #fff1f2 !important;
        color: #991b1b !important;
        border: 1px solid #fecaca !important;
      }

      .kayf-wa-option {
        background: #ecfdf5 !important;
        color: #047857 !important;
        border: 1px solid #bbf7d0 !important;
      }

      .kayf-option-right {
        display: flex !important;
        align-items: center !important;
        gap: 7px !important;
      }

      .kayf-option-icon {
        font-size: 15px !important;
      }

      .kayf-option-text {
        font-size: 11.5px !important;
        font-weight: 800 !important;
      }

      .kayf-option-arrow {
        font-size: 13px !important;
        opacity: .7 !important;
      }

      #kayf-service-toggle {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 5px !important;
        background: linear-gradient(135deg, #dc2626, #b91c1c) !important;
        color: #fff !important;
        border: none !important;
        border-radius: 999px !important;
        padding: 7px 10px !important;
        font-size: 11px !important;
        font-weight: 900 !important;
        box-shadow: 0 6px 18px rgba(220, 38, 38, .32) !important;
        cursor: pointer !important;
        min-width: auto !important;
        white-space: nowrap !important;
      }

      #kayf-service-toggle .kayf-service-24 {
        font-size: 9px !important;
        font-weight: 800 !important;
        opacity: .95 !important;
        line-height: 1 !important;
      }

      /*
        وضع صفحة المنتج:
        يلتصق باليسار ويصير مطوي مثل تبويب جانبي
      */
      #kayf-service-widget.kayf-product-mode {
        left: 0 !important;
        right: auto !important;
        bottom: auto !important;
        top: 58% !important;
        transform: translateY(-50%) !important;
      }

      #kayf-service-widget.kayf-product-mode #kayf-service-toggle {
        border-radius: 0 14px 14px 0 !important;
        padding: 9px 7px !important;
        min-width: 34px !important;
        width: 34px !important;
        height: 96px !important;
        flex-direction: column !important;
        gap: 3px !important;
        writing-mode: vertical-rl !important;
        text-orientation: mixed !important;
        font-size: 10px !important;
        box-shadow: 0 6px 16px rgba(220, 38, 38, .28) !important;
      }

      #kayf-service-widget.kayf-product-mode #kayf-service-toggle .kayf-main-label {
        display: none !important;
      }

      #kayf-service-widget.kayf-product-mode #kayf-service-toggle .kayf-service-24 {
        display: none !important;
      }

      #kayf-service-widget.kayf-product-mode #kayf-service-panel {
        left: 40px !important;
        right: auto !important;
        bottom: auto !important;
        top: 0 !important;
        width: 200px !important;
      }

      @media (max-width: 768px) {
        #kayf-service-widget {
          left: 8px !important;
          right: auto !important;
          bottom: 12px !important;
        }

        #kayf-service-panel {
          width: 200px !important;
          bottom: 45px !important;
          padding: 10px !important;
        }

        #kayf-service-toggle {
          padding: 7px 10px !important;
          font-size: 10.5px !important;
        }

        #kayf-service-toggle .kayf-service-24 {
          font-size: 8.5px !important;
        }

        #kayf-service-widget.kayf-product-mode {
          left: 0 !important;
          right: auto !important;
          top: 55% !important;
          bottom: auto !important;
          transform: translateY(-50%) !important;
        }

        #kayf-service-widget.kayf-product-mode #kayf-service-toggle {
          width: 32px !important;
          min-width: 32px !important;
          height: 88px !important;
          padding: 8px 6px !important;
          border-radius: 0 13px 13px 0 !important;
        }

        #kayf-service-widget.kayf-product-mode #kayf-service-panel {
          left: 36px !important;
          right: auto !important;
          width: 195px !important;
        }
      }
    `;
    document.head.appendChild(style);
  }

  function pageText() {
    return (document.body && document.body.innerText || "").replace(/\s+/g, " ");
  }

  function getPath() {
    return window.location.pathname.toLowerCase();
  }

  function isHomePage() {
    const path = getPath();
    return (
      path === "/" ||
      path === "" ||
      path === "/ar" ||
      path === "/ar/" ||
      document.body.classList.contains("home") ||
      document.body.classList.contains("index")
    );
  }

  function isProductPage() {
    if (isHomePage()) return false;

    const path = getPath();

    const productPath =
      path.includes("/product/") ||
      path.includes("/products/") ||
      path.includes("/p/") ||
      path.includes("/i/") ||
      path.match(/\/p[0-9]+/i);

    const hasProductMeta =
      document.querySelector('meta[property="og:type"][content="product"]') ||
      document.querySelector('meta[property="product:price:amount"]');

    const hasProductDetailElement =
      document.querySelector("salla-product-options") ||
      document.querySelector("salla-add-product-button") ||
      document.querySelector(".product-single") ||
      document.querySelector(".product-details") ||
      document.querySelector(".product-entry") ||
      document.querySelector(".product-form") ||
      document.querySelector(".s-product-options-wrapper");

    return Boolean(productPath || hasProductMeta || hasProductDetailElement);
  }

  function isCheckoutOrCartPage() {
    const path = getPath();
    const text = pageText();

    return (
      path.includes("/cart") ||
      path.includes("/checkout") ||
      path.includes("/payment") ||
      path.includes("/shipping") ||
      path.includes("/address") ||
      text.includes("إتمام الطلب") ||
      text.includes("اختر طريقة الدفع") ||
      text.includes("عنوان التوصيل")
    );
  }

  function isThankYouPage() {
    const path = getPath();
    const text = pageText();

    return (
      path.includes("thank") ||
      path.includes("success") ||
      path.includes("checkout/success") ||
      text.includes("شكراً") ||
      text.includes("شكرا") ||
      text.includes("تم استلام طلبك") ||
      text.includes("تم إنشاء طلبك") ||
      text.includes("تم إتمام الطلب") ||
      text.includes("طلبك قيد المراجعة")
    );
  }

  function isOrdersPage() {
    const path = getPath();
    const text = pageText();

    return (
      path.includes("orders") ||
      path.includes("order") ||
      path.includes("customer") ||
      text.includes("طلباتي") ||
      text.includes("تفاصيل الطلب") ||
      text.includes("رقم الطلب")
    );
  }

  function shouldShowWidget() {
    if (isHomePage()) return true;
    if (isThankYouPage()) return true;
    if (isOrdersPage()) return true;

    if (isCheckoutOrCartPage()) return false;

    return true;
  }

  function getOrderNumber() {
    const text = pageText();

    const patterns = [
      /رقم الطلب\s*[:#]?\s*([0-9]+)/i,
      /طلب رقم\s*[:#]?\s*([0-9]+)/i,
      /Order\s*#?\s*([0-9]+)/i,
      /#\s*([0-9]{4,})/i
    ];

    for (const pattern of patterns) {
      const match = text.match(pattern);
      if (match && match[1]) return match[1];
    }

    return "";
  }

  function buildTrackUrl() {
    const order = getOrderNumber();
    return order
      ? TRACK_URL + "?order=" + encodeURIComponent(order)
      : TRACK_URL;
  }

  function buildWhatsappUrl() {
    const order = getOrderNumber();
    let message = "مرحبًا، أحتاج مساعدة من خدمة العملاء.";

    if (order) {
      message += " رقم الطلب: " + order;
    }

    return "https://wa.me/" + WHATSAPP_NUMBER + "?text=" + encodeURIComponent(message);
  }

  function removeWidget() {
    const widget = document.getElementById("kayf-service-widget");
    if (widget) widget.remove();
  }

  function addWidget() {
    if (!document.body) return;

    if (!shouldShowWidget()) {
      removeWidget();
      return;
    }

    addStyle();

    let widget = document.getElementById("kayf-service-widget");

    if (!widget) {
      widget = document.createElement("div");
      widget.id = "kayf-service-widget";

      widget.innerHTML = `
        <div id="kayf-service-panel">
          <div class="kayf-service-head">
            <div class="kayf-service-avatar">🎧</div>
            <div>
              <div class="kayf-service-title">خدمة العملاء</div>
              <div class="kayf-service-subtitle">متواجدون لخدمتك 24 ساعة</div>
            </div>
          </div>

          <a class="kayf-service-option kayf-track-option" id="kayf-track-option" target="_blank" rel="noopener">
            <span class="kayf-option-right">
              <span class="kayf-option-icon">📦</span>
              <span class="kayf-option-text">تتبع الطلب</span>
            </span>
            <span class="kayf-option-arrow">‹</span>
          </a>

          <a class="kayf-service-option kayf-wa-option" id="kayf-wa-option" target="_blank" rel="noopener">
            <span class="kayf-option-right">
              <span class="kayf-option-icon">💬</span>
              <span class="kayf-option-text">تواصل واتساب</span>
            </span>
            <span class="kayf-option-arrow">‹</span>
          </a>
        </div>

        <button id="kayf-service-toggle" type="button">
          <span>🎧</span>
          <span class="kayf-main-label">خدمة العملاء</span>
          <span class="kayf-service-24">24 ساعة</span>
        </button>
      `;

      document.body.appendChild(widget);

      const toggle = document.getElementById("kayf-service-toggle");
      const panel = document.getElementById("kayf-service-panel");

      toggle.addEventListener("click", function (event) {
        event.preventDefault();
        event.stopPropagation();
        widget.classList.toggle("kayf-open");
      });

      panel.addEventListener("click", function (event) {
        event.stopPropagation();
      });

      document.addEventListener("click", function () {
        widget.classList.remove("kayf-open");
      });
    }

    if (isProductPage()) {
      widget.classList.add("kayf-product-mode");
    } else {
      widget.classList.remove("kayf-product-mode");
    }

    const track = document.getElementById("kayf-track-option");
    const wa = document.getElementById("kayf-wa-option");

    if (track) track.href = buildTrackUrl();
    if (wa) wa.href = buildWhatsappUrl();
  }

  function run() {
    setTimeout(addWidget, 300);
    setTimeout(addWidget, 1000);
    setTimeout(addWidget, 2500);
    setTimeout(addWidget, 5000);
  }

  run();

  const observer = new MutationObserver(function () {
    addWidget();
  });

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