setTimeout(() => {
  const shadowHost = document.querySelector('salla-mini-checkout-widget');
if(shadowHost) {
const shadowRoot = shadowHost.shadowRoot;

const style = document.createElement('style');
style.textContent = `
  .s-fast-checkout-button {
      border: 1px solid #fff !important;
      border-radius: 20px !important; 
  }
`;
shadowRoot.appendChild(style);
}
}, 2000)

const buyCount = document.querySelectorAll(".sidebar__inner .mb-5.flex.items-center.text-sm div span")[0];
if(buyCount) {
  buyCount.innerText = "عدة مرات";
  buyCount.style.setProperty("color", "#ee8323", "important");
} 

/* Add custom Js code below */
var currentPage = document.location.pathname;
const thankYou = currentPage.split("/")[1]
if(thankYou === "thankyou"){
  document.querySelector(".container .bg-white").classList.add("changeBg");
  document.querySelector(".container .bg-white .flex h1").classList.add("tyh1");
  document.querySelector(".container .bg-white .bg-gray-50").classList.add("boxTy");
  const allp = document.querySelectorAll(".container .bg-white article p");
allp.forEach((p) => {
  p.classList.add("tyP");
});
}

// code img
document.querySelector(
    ".s-block.s-block--photos-slider + section.s-block.s-block--banners"
  ).innerHTML = `
  <div class="boxsalla">
  <div class="boxing">
    <a class="linkstop" href="https://riddle-store.com/redirect/categories/123901576">
    <img src="https://i.postimg.cc/5yYjYH3g/microsoft.jpg">
    </a>
     <a class="linkstop" href="https://riddle-store.com/redirect/categories/1770922737">
    <img src="https://i.postimg.cc/PJgJmtVj/gifts.jpg">
     </a>
     <a class="linkstop" href="https://riddle-store.com/redirect/categories/701274744">
    <img src="https://i.postimg.cc/DZzShp4t/games.jpg">
     </a>
    </div>
    <div class="boxing">
     <a class="linkstop" href="https://riddle-store.com/redirect/categories/1753944227">
    <img src="https://i.postimg.cc/rmYKwGSz/charge-Games.jpg">
     </a>
     <a class="linkstop" href="https://riddle-store.com/redirect/categories/902942546">
    <img src="https://i.postimg.cc/BnxLBKGw/watching.jpg">
     </a><a class="linkstop" href="https://riddle-store.com/redirect/categories/593505373">
    <img src="https://i.postimg.cc/ZqHW1zn8/sub.jpg"></a></div></div>`;
  
  document.querySelector(
    "a.footer-logo img"
  ).src = `	https://i.postimg.cc/5y0PdvYZ/riddle.gif`;
  
  //code img
  document.querySelector(".boxsalla").innerHTML += `
  <div class="bg">
     <div class="masseg">
      <span class="close" onclick="closee();"><img src="https://i.postimg.cc/W3f2BJDv/x.png" alt=""></span>
      <h3>
          اختر من بين التصنيفات
      </h3>
      <div class="links">
          
      </div>
  </div> 
  </div>`;
  
  function opnes() {
    document.querySelector(".bg").style = `transform: scale(1);`;
  }
  function closee() {
    document.querySelector(".bg").style = `transform: scale(0);`;
  }
  document.querySelector(
    "#app > div.app-inner.flex.flex-col.min-h-screen.relative > section:nth-child(6) > div > div.grid.grid-cols-2.md\\:grid-cols-4.gap-2\\.5.md\\:gap-4.lg\\:gap-5.has-6-photos > div:nth-child(1)"
  ).onclick = function () {
    opnes();
    // خدمات التصميم
    document.querySelector(".bg .masseg .links").innerHTML = `
          <div class="flexcont">
              <a href="https://riddle-store.com/%D8%A8%D9%84%D8%A7%D9%8A%D8%B3%D8%AA%D9%8A%D8%B4%D9%86-%D8%B3%D8%AA%D9%88%D8%B1-%D8%B3%D8%B9%D9%88%D8%AF%D9%8A/c678665448"><img src="https://www10.0zz0.com/2023/06/27/12/998593710.png" alt=""></a>
              <a href="https://riddle-store.com/%D8%A8%D9%84%D8%A7%D9%8A%D8%B3%D8%AA%D9%8A%D8%B4%D9%86-%D8%B3%D8%AA%D9%88%D8%B1-%D8%A3%D9%85%D8%B1%D9%8A%D9%83%D9%8A/c1586855407"><img src="https://www10.0zz0.com/2023/06/27/12/405348779.png" alt=""></a>
          </div>
  
          `;
document.querySelector(".bg .masseg").style = `top: 20%;`;
  };
  //founction 2
  document.querySelector(
  "#app > div.app-inner.flex.flex-col.min-h-screen.relative > section:nth-child(6) > div > div.grid.grid-cols-2.md\\:grid-cols-4.gap-2\\.5.md\\:gap-4.lg\\:gap-5.has-6-photos > div:nth-child(5)"
  ).onclick = function () {
    opnes();
    // خدمات التصميم
    document.querySelector(".bg .masseg .links").innerHTML = `
              <div class="flexcont">
                  <a href="https://riddle-store.com/redirect/categories/205086177"><img src="https://www11.0zz0.com/2023/06/27/12/404270123.png" alt=""></a>
                  <a href="https://riddle-store.com/redirect/categories/1577483490"><img src="https://www11.0zz0.com/2023/06/27/12/694897968.png" alt=""></a>
                  <a href="https://riddle-store.com/redirect/categories/1393434756"><img src="https://www9.0zz0.com/2023/12/17/21/373591635.png" alt=""></a>
              </div>
  
              `;
    document.querySelector(".bg .masseg").style = `top: 20%;`;
  };
 
  //founction 4
  
  document.querySelector(
    "#app > div.app-inner.flex.flex-col.min-h-screen.relative > section:nth-child(6) > div > div.grid.grid-cols-2.md\\:grid-cols-4.gap-2\\.5.md\\:gap-4.lg\\:gap-5.has-6-photos > div:nth-child(2)"
  ).onclick = function () {
    opnes();
    // خدمات التصميم
    document.querySelector(".bg .masseg .links").innerHTML = `
              <div class="flexcont">
                  <a href="https://riddle-store.com/%D8%A7%D9%83%D8%B3-%D8%A8%D9%88%D9%83%D8%B3-%D8%B3%D8%B9%D9%88%D8%AF%D9%8A/c2102416793"><img src="https://www7.0zz0.com/2023/06/27/12/646440606.png" alt=""></a>
                
                  <a href="https://riddle-store.com/%D8%A7%D9%83%D8%B3-%D8%A8%D9%88%D9%83%D8%B3-%D8%A7%D9%85%D8%B1%D9%8A%D9%83%D9%8A/c1793110756"><img src="https://www7.0zz0.com/2023/06/27/12/449111457.png" alt=""></a>
              </div>
  
              `;
    document.querySelector(".bg .masseg").style = `top: 20%;`;
  };
  
  //founction 5
  document.querySelector(
    "#app > div.app-inner.flex.flex-col.min-h-screen.relative > section:nth-child(6) > div > div.grid.grid-cols-2.md\\:grid-cols-4.gap-2\\.5.md\\:gap-4.lg\\:gap-5.has-6-photos > div:nth-child(4)"
  ).onclick = function () {
    opnes();
    // خدمات التصميم
    document.querySelector(".bg .masseg .links").innerHTML = `
          <div class="flexcont">
              <a href="https://riddle-store.com/redirect/categories/1501085908"><img src="https://www13.0zz0.com/2023/06/27/12/536105341.png" alt=""></a>
              <a href="https://riddle-store.com/redirect/categories/21231886"><img src="https://www9.0zz0.com/2023/12/17/21/417431690.png" alt=""></a>
          </div>
          `;
    document.querySelector(".bg .masseg").style = `top: 20%;`;
  };
  
  //founction 6
  
  document.querySelector(
    "#app > div.app-inner.flex.flex-col.min-h-screen.relative > section:nth-child(7) > div > div > div:nth-child(5)"
  ).onclick = function () {
    opnes();
    // خدمات التصميم
    document.querySelector(".bg .masseg .links").innerHTML = `
              <div class="flexcont">
                  <a href="https://riddle-store.com/redirect/categories/115258232"><img src="https://www14.0zz0.com/2023/06/27/12/954996449.png" alt=""></a>
                  <a href="https://riddle-store.com/redirect/categories/2087522427"><img src="https://www14.0zz0.com/2023/06/27/12/832915062.png" alt=""></a>
                  <a href="https://riddle-store.com/redirect/categories/1313488708"><img src="https://www14.0zz0.com/2023/06/27/12/910645715.png" alt=""></a>
              </div>
  
              `;
    document.querySelector(".bg .masseg").style = `top: 20%;`;
  };
  
  // code links
  document.querySelector(
    "#app > div.app-inner.flex.flex-col.min-h-screen.relative > section:nth-child(6) > div > div.grid.grid-cols-2.md\\:grid-cols-4.gap-2\\.5.md\\:gap-4.lg\\:gap-5.has-6-photos > div:nth-child(2) > a"
  ).href = "#";
  document.querySelector(
    "#app > div.app-inner.flex.flex-col.min-h-screen.relative > section:nth-child(6) > div > div.grid.grid-cols-2.md\\:grid-cols-4.gap-2\\.5.md\\:gap-4.lg\\:gap-5.has-6-photos > div:nth-child(1) > a"
  ).href = "#";
  document.querySelector(
    "#app > div.app-inner.flex.flex-col.min-h-screen.relative > section:nth-child(6) > div > div.grid.grid-cols-2.md\\:grid-cols-4.gap-2\\.5.md\\:gap-4.lg\\:gap-5.has-6-photos > div:nth-child(5) > a"
  ).href = "#";
  document.querySelector(
    "#app > div.app-inner.flex.flex-col.min-h-screen.relative > section:nth-child(6) > div > div.grid.grid-cols-2.md\\:grid-cols-4.gap-2\\.5.md\\:gap-4.lg\\:gap-5.has-6-photos > div:nth-child(4) > a"
  ).href = "#";
    document.querySelector(
    "#app > div.app-inner.flex.flex-col.min-h-screen.relative > section:nth-child(7) > div > div > div:nth-child(5) > a"
  ).href = "#";
document.addEventListener("click", function(event) {
  if (event.target == document.querySelector(".bg") || event.target == document.querySelector(".close")) {
    document.querySelector(".bg").style.opacity = "0";
    document.querySelector(".bg").addEventListener("transitionend", function() {
      document.querySelector(".bg").style.transform = "scale(0)";
    }, {once: true});
  } 
});

const links = document.querySelectorAll('a[href="#"]');
links.forEach(link => {
  link.removeAttribute('href');
});