/* Add custom Js styles below */ 
/* Add custom Js styles below */ 
/* Add custom Js code below */
document.addEventListener('DOMContentLoaded', function() {
  const parentElement = document.querySelector('#mainnav > div > div > div > div.flex.items-center.justify-end');
  console.log(parentElement);
  if (parentElement) {
      const button = document.createElement('button');
      button.type = 'button';
      button.onclick = function() {
          if (!window.__cfRLUnblockHandlers)
              return false;
          salla.event.dispatch('localization::open');
      };
      button.className = 'grow flex items-center new-lang-btn';
      button.innerHTML = `
      <svg width="22" height="23" viewBox="0 0 22 23" fill="none" xmlns="http://www.w3.org/2000/svg">
          <path d="M10.9997 20.6667C16.0623 20.6667 20.1663 16.5627 20.1663 11.5C20.1663 6.43743 16.0623 2.33337 10.9997 2.33337C5.93706 2.33337 1.83301 6.43743 1.83301 11.5C1.83301 16.5627 5.93706 20.6667 10.9997 20.6667Z" stroke="#F6F4EC" stroke-linecap="round" stroke-linejoin="round"></path>
          <path d="M1.83301 11.5H20.1663" stroke="#F6F4EC" stroke-linecap="round" stroke-linejoin="round"></path>
          <path d="M10.9997 2.33337C13.2925 4.84353 14.5955 8.10107 14.6663 11.5C14.5955 14.899 13.2925 18.1566 10.9997 20.6667C8.70683 18.1566 7.40382 14.899 7.33301 11.5C7.40382 8.10107 8.70683 4.84353 10.9997 2.33337Z" stroke="#F6F4EC" stroke-linecap="round" stroke-linejoin="round"></path>
      </svg>
      `;
      console.log(parentElement);
      console.log(button);
      parentElement.prepend(button);
  }
});

salla.onReady(() => {
  const pageSlug = salla.config.get("page.slug");
  console.log(pageSlug);
  if (pageSlug !== "product.single") {
      return;
  }
  const targetSelector = '#product-form salla-add-product-button';
  const updateButtonContent = () => {
      const targetElements = document.querySelectorAll(targetSelector);
      targetElements.forEach(element => {
          const content = element.querySelector('div > salla-button > button > span > span');
          if (content && !content.dataset.updated) {
              content.innerHTML = '<i class="sicon-cart text-lg"></i>';
              content.dataset.updated = 'true';
          }
      });
  };
  
  const interval = setInterval(() => {
      const targetElement = document.querySelector(targetSelector);
      if (targetElement) {
          updateButtonContent();
          clearInterval(interval);
      }
  }, 100);
});.s-block--features+.s-block--features,.s-block--banners+.s-block--banners {
    margin-top: 0
}

@media(max-width: 767px) {
    section.s-block.s-block--banners.container .lg\:pt-80 {
        padding-top:1rem;
        border-radius: 0
    }

    section.s-block.s-block--banners.container .mx-auto.mt-16.grid.max-w-2xl.auto-rows-fr.grid-cols-1.gap-8.sm\:mt-20.lg\:mx-0.lg\:max-w-none.lg\:grid-cols-3 {
        grid-template-columns: repeat(4,minmax(0,1fr));
        gap: 4px;
        margin: 3px 0
    }
}

.salla-advertisement {
    display: none!important
}

.store-footer__inner,.store-footer__newsletter,.store-footer,.store-footer__contacts-row {
    --tw-bg-opacity: 1;
    background-color: var(--color-primary);
}

.store-footer__curve {
    color: var(--color-primary);
} h3.footer-title {
    color: var(--2)
}

[dir=rtl] .user-contacts .links-contact .links-icon {
    border-color: var(--2)
}

.s-block--fixed-banner .banner--fixed img {
    border-radius: 13px!important;
    border: 1px solid #000;
}

@media (max-width: 767px) {
    salla-slider .slide--one-sixth {
        width: 28%;
    }

    img.lazy.object-cover.mx-auto.w-40.h-40.rounded-full.group-hover\:scale-110.duration-400.loaded {
        height: 6rem;
    }

    .simplified-products .s-products-slider-card, .simplified-products .offer-slide {
        width: 205px;
    }

    .simplified-products .s-products-slider-card .product-card--simplified .product-card__image, .simplified-products .s-products-list-wrapper .product-card--simplified .product-card__image, .simplified-products .offer-slide .product-card--simplified .product-card__image {
        height: 17.3rem;
        max-height: 17rem;
    }
}

.simplified-products .s-products-slider-card .product-card--simplified .product-card__promotion, .landing-page .s-products-slider-card .product-card__promotion, .simplified-products .s-products-list-wrapper .product-card--simplified .product-card__promotion, .landing-page .s-products-list-wrapper .product-card__promotion, .simplified-products .offer-slide .product-card--simplified .product-card__promotion {
    top: auto;
    top: 1rem;
    bottom: initial;
    left: auto;
    left: initial;
    right: 0;
}





 
.s-block--about p,.s-block--about h2 {
    color: #fff
}

#tabbyPromo>[class*=styles__tabby],.tamara-product-widget {
    border: 0!important
}





@media(max-width: 991px) {
    .tamara-product-widget span {
        font-size:12px
    }
}







body.product-single label.s-product-options-option-label small ,.s-product-options-option-label small {
    font-size: 0;
    display: none;
}

.product-form {
    padding: 0 0 1rem;
    background: #fff;
    border: 1px solid #eee;
    border-radius: 4px;
    width: 98%;
}

.product-single__inner.col-xl-9.col-lg-12.col-md-12.col-12.lg\:\!w-4\/4.w-full {
    background: #FAFAFA;
}

.s-slider-thumbs .s-slider-thumbs-container .swiper-slide {
    width: 10px !important;
    height: 10px;
    border-radius: 999999px;
    background: #909090 !important;
    margin: 5px 7px;
    display: block;
    -webkit-backface-visibility: visible;
    transition: opacity .2s ease;
}

.s-slider-thumbs .s-slider-swiper-wrapper.swiper-wrapper {
    justify-content: center;
}

img.object-cover.w-full.h-full.bg-gray-100.rounded-md.overflow-hidden {
    display: none;
}

[dir=rtl] .s-slider-thumbs-container {
    padding-left: 0;
}

.s-slider-thumbs .s-slider-thumbs-container .swiper-slide.swiper-slide-thumb-active:after {
    --tw-ring-color: #c7c7c7;
}

@media (max-width: 767px) {
    .product-single__info {
        margin: -78px 0 0 0;
    }
}

.product-single__slider.col-lg-7.col-md-12.col-12.w-full.lg\:\!w-2\/4.px-\[15px\].lg\:sticky.md\:top-\[65px\].md\:h-fit.mb-5 {
    padding: 0;
}

.product-single .product-single__main-media .s-slider-thumbs .s-slider-thumbs-container .swiper-slide:after {
    border-radius: 9999999999px;
}

.slide--one-fourth.swiper-slide.swiper-slide-visible {
    background: #90909069 !important;
}

.s-slider-thumbs .s-slider-thumbs-container .swiper-slide.swiper-slide-thumb-active:after,.slide--one-fourth.swiper-slide.swiper-slide-thumb-active {
    background: #000000 !important;
    --tw-ring-color: #000000;
}
/* إخفاء شاشة التحميل والشعار المؤقت تماماً للكمبيوتر والجوال */
.preloader, 
.loader-wrapper, 
#preloader, 
.site-loader,
.loading-screen,
div[class*="loader"],
div[class*="preloader"] {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
}