// إضافة لوقو جديد
const header = document.querySelector('.main-nav-container .container');
if (header) {
  const newHeader = document.createElement("div");
  newHeader.innerHTML = `
    <div class="mevazlogo">
      <a class="logo" href="https://mevazshop.com/">
        <img src="https://cdn.salla.sa/cdn-cgi/image/fit=scale-down,width=400,height=400,onerror=redirect,format=auto/AzBRpb/biRHJjrXON3UhY0PpoNYv509QImjGeep7EgJgO1I.png" loading="eager">
        <h1 class="sr-only">Leoth</h1>
      </a>
    </div>
  `;
  header.appendChild(newHeader);
}

// البحث كأيقونة
const searchBox = document.querySelector(".header-search");
const cartArea =
  document.querySelector("salla-cart-summary") ||
  document.querySelector(".s-cart-summary-wrapper") ||
  document.querySelector("#s-cart-icon")?.parentElement;

if (searchBox && cartArea) {
  searchBox.style.display = "none";

  const btn = document.createElement("button");
  btn.className = "header-btn";
  btn.innerHTML = '<i class="header-btn__icon sicon-search"></i>';

  cartArea.parentElement.insertBefore(btn, cartArea);

  btn.onclick = () => {
    searchBox.style.display = searchBox.style.display === "none" ? "block" : "none";
  };
}

// حقوق التصميم
window.onload = function () {
  const target = document.querySelector(".copyright-text p");
  if (target) {
    const newEl = document.createElement("div");
    newEl.innerHTML = `
      <span class="dev-link"> :designed by  
        <a href="https://wa.me/message/IZLDUASX6U3SC1"> ddandesign </a>
      </span>
    `;
    target.after(newEl);
  }
};
function moveSocialItem() {
    const firstSocial = document.querySelector(".store-footer__inner .s-social-list");
    const firstContactSlot = document.querySelector(".store-footer__inner .s-contacts-list-vertical");
  
    if (!firstSocial || !firstContactSlot) return false;
  
    firstContactSlot.appendChild(firstSocial);
    return true;
  }
  
  const socialObserver = new MutationObserver(() => {
    if (moveSocialItem()) socialObserver.disconnect();
  });
  
  socialObserver.observe(document.body, { childList: true, subtree: true });
  

// شريط العلامات التجارية
const CreatTextTicker = () => {
  const danticker = document.createElement('div');
  danticker.classList.add('text-ticker', 'promation-tiker');

  const title = `<div class="ticker-title">اكتشف علاماتنا التجارية</div>`;

  const brands = [
    {
      link: "https://rfeen.com/",
      img: "https://cdn.salla.sa/BrABPB/uBNccWA8heIrPFjfWdtrr5hYG9wc7cbZ5vOE5TtJ.png"
    },
    {
      link: "https://gravityabaya.com/",
      img: "https://cdn.salla.sa/cdn-cgi/image/fit=scale-down,width=400,height=400,onerror=redirect,format=auto/rVDEl/9bCLmFqM4VL1WbLVknpYrlURLWC7TDJWLtVEzZ1U.png"
    }
  ];

  const makeBrand = b => `
    <div class="s-block--animated-brands--brand">
      <a href="${b.link}" aria-label="Brand" target="_blank">
        <img src="${b.img}" loading="lazy">
      </a>
    </div>
  `;

  const repeatedBrands = Array(7)
    .fill(brands.map(makeBrand).join(""))
    .join("");

  danticker.innerHTML = `
    ${title}
    <div class="stock-ticker">
      <ul>${repeatedBrands}</ul>
    </div>
  `;

  const section = document.querySelector('.index footer.store-footer');
  if (section) section.before(danticker);
};

window.addEventListener('load', CreatTextTicker);