/* webslit-pro — RTL (Arapça vb.) düzeltmeleri
   html[dir="rtl"] LocaleManager ile set edilir. */

/* ——— Bülten formu: buton solda, metin padding’i doğru tarafta ——— */
[dir="rtl"] .newsletter-block .js-newsletter-form input[type="email"],
[dir="rtl"] .footer .js-newsletter-form input[type="email"],
[dir="rtl"] .ws-coming-soon .js-newsletter-form input[type="email"] {
  padding-left: 3.5rem;
  padding-right: 1rem;
  text-align: right;
}

[dir="rtl"] .newsletter-block .js-newsletter-form .button-main,
[dir="rtl"] .footer .js-newsletter-form button,
[dir="rtl"] .ws-coming-soon .js-newsletter-form button {
  right: auto;
  left: 0.25rem;
}

[dir="rtl"] .footer .js-newsletter-form .ph-arrow-right {
  transform: scaleX(-1);
}

/* ——— Shop collection: görsel ile ürünler arası boşluk ——— */
[dir="rtl"] .shop-collection .main > .bg-img {
  padding-right: 0;
  padding-left: 0;
}

@media (min-width: 640px) {
  [dir="rtl"] .shop-collection .main > .bg-img {
    padding-left: 3.5rem; /* sm:pr-14 */
  }
}

@media (min-width: 1024px) {
  [dir="rtl"] .shop-collection .main > .bg-img {
    padding-left: 90px; /* lg:pr-[90px] */
  }
}

/* ——— Header: absolute sol/sağ pinleri aynala ——— */
[dir="rtl"] #header .menu-mobile-icon {
  left: auto;
  right: 0;
}

[dir="rtl"] #header .header-main > .left.absolute {
  left: auto;
  right: 0;
}

[dir="rtl"] #header .header-main > .right.absolute {
  right: auto;
  left: 0;
}

@media (max-width: 1023.98px) {
  [dir="rtl"] #header .header-main > .left {
    left: 50%;
    right: auto;
    transform: translateX(-50%);
  }

  [dir="rtl"] #header .header-main > .right {
    right: auto;
    left: 0;
  }
}

[dir="rtl"] #header .search-icon .line {
  right: auto;
  left: -1.5rem; /* -right-6 */
}

[dir="rtl"] #header .list-action .quantity,
[dir="rtl"] #menu-mobile .quantity {
  right: auto;
  left: -0.375rem; /* -right-1.5 */
}

[dir="rtl"] #menu-mobile .close-menu-mobile-btn {
  left: auto;
  right: 0;
}

/* ——— Ürün kartı rozet / aksiyon ——— */
[dir="rtl"] .product-item .ec-product-labels,
[dir="rtl"] .product-item .product-tag {
  left: auto;
  right: 0.75rem; /* left-3 */
}

[dir="rtl"] .product-item .list-action-right {
  right: auto;
  left: 0.75rem; /* right-3 */
}

/* LTR: translateX(60px) sağa kaçırır; RTL’de sola kaçır (yoksa ikon kartın içinde kalır) */
[dir="rtl"] .product-item .product-thumb .list-action-right {
  transform: translateX(-60px);
}

[dir="rtl"] .product-item:hover .product-thumb .list-action-right {
  transform: translateX(0);
}

/* İkon solda: yardım metnini sağa (kartın içine) aç */
[dir="rtl"] .product-item .list-action-right .ws-ec-wishlist-btn .tag-action,
[dir="rtl"] .product-item .list-action-right .ws-ec-compare-btn .tag-action,
[dir="rtl"] .product-item .list-action-right .tag-action {
  left: calc(100% + 10px);
  right: auto;
  transform: translate(10px, -50%);
}

[dir="rtl"] .product-item .list-action-right .ws-ec-wishlist-btn .tag-action::before,
[dir="rtl"] .product-item .list-action-right .ws-ec-compare-btn .tag-action::before,
[dir="rtl"] .product-item .list-action-right .tag-action::before {
  left: -3px;
  right: auto;
}

[dir="rtl"] .product-item .list-action-right .ws-ec-wishlist-btn:hover .tag-action,
[dir="rtl"] .product-item .list-action-right .ws-ec-compare-btn:hover .tag-action {
  transform: translate(0, -50%);
  opacity: 1;
  z-index: 2;
}

/* ——— Footer sütun boşlukları ——— */
@media (min-width: 1024px) {
  [dir="rtl"] .footer .ws-footer-col-company {
    padding-right: 0;
    padding-left: 1rem;
  }

  [dir="rtl"] .footer .ws-footer-col-newsletter {
    padding-left: 0;
    padding-right: 1rem;
  }
}

/* ——— Bülten ad/zaten-abone modal kapatma ——— */
[dir="rtl"] .ws-newsletter-name-close {
  right: auto;
  left: 0.65rem;
}

[dir="rtl"] .ws-newsletter-name-title {
  margin: 0 0 1rem 1.75rem;
}

/* ——— Swiper navigasyon okları (shop collection vb.) ——— */
[dir="rtl"] .section-swiper-navigation.style-outline .swiper-button-prev2 {
  left: auto;
  right: -20px;
}

[dir="rtl"] .section-swiper-navigation.style-outline .swiper-button-next2 {
  right: auto;
  left: -20px;
}

[dir="rtl"] .section-swiper-navigation.style-outline .swiper-button-prev2 i,
[dir="rtl"] .section-swiper-navigation.style-outline .swiper-button-next2 i {
  display: inline-block;
  transform: scaleX(-1);
}

@media (max-width: 1340px) {
  [dir="rtl"] .section-swiper-navigation.style-outline .swiper-button-prev2 {
    right: -10px;
    left: auto;
  }

  [dir="rtl"] .section-swiper-navigation.style-outline .swiper-button-next2 {
    left: -10px;
    right: auto;
  }
}

/* ——— Ana sayfa slider: görsel sola, metin sağda (üst üste binmesin) ——— */
[dir="rtl"] .slider-block.style-one .slider-item .sub-img,
[dir="rtl"] .slider-block.style-seven .slider-item .sub-img {
  right: auto;
  left: -16px;
}

@media (min-width: 1536px) {
  [dir="rtl"] .slider-block.style-one .slider-item .sub-img,
  [dir="rtl"] .slider-block.style-seven .slider-item .sub-img {
    left: -60px; /* 2xl:-right-[60px] */
  }
}

[dir="rtl"] .slider-block.style-one .slider-item .text-content,
[dir="rtl"] .slider-block.style-seven .slider-item .text-content {
  text-align: right;
}

/* style-five: LTR’de sağda metin (justify-end) → RTL’de sola kaymasın, sağda kalsın */
[dir="rtl"] .slider-block.style-five .slider-item .container {
  justify-content: flex-start;
}

[dir="rtl"] .slider-block.style-five .slider-item .text-content {
  text-align: right;
}

/* Slider giriş animasyonu X eksenini RTL’de ters çevir */
[dir="rtl"] .swiper-slide.swiper-slide-active .slider-item .text-content .text-sub-display,
[dir="rtl"] .swiper-slide.swiper-slide-active .slider-item .text-content .text-display,
[dir="rtl"] .swiper-slide.swiper-slide-active .slider-item .text-content .heading1,
[dir="rtl"] .swiper-slide.swiper-slide-active .slider-item .text-content .heading2,
[dir="rtl"] .swiper-slide.swiper-slide-active .slider-item .text-content .button-main {
  animation-name: wsAnimateXRtl;
}

@keyframes wsAnimateXRtl {
  0% {
    opacity: 0;
    transform: translateX(60px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}

/* Banner stil 2: RTL’de dikey panel sağda */
@media (min-width: 640px) {
  [dir="rtl"] .ws-banner-style-2__left {
    order: 2;
  }

  [dir="rtl"] .ws-banner-style-2__right {
    order: 1;
  }
}

/*
 * Ürün detay RTL boşluk:
 * Galeri kolonuna padding-left VERME — thumb’lar (absolute left:20px)
 * padding alanına kayıp bilgi sütunuyla çakışır; sticky olunca “düzelmiş” gibi görünür.
 * Aralığı yalnızca product-infor tarafına koy.
 */
@media (min-width: 768px) {
  [dir="rtl"] .ws-product-show .ws-product-gallery-col.list-img {
    padding-right: 0;
    padding-left: 0;
  }

  [dir="rtl"] .ws-product-show .product-detail .product-infor {
    padding-left: 0;
    padding-right: 45px;
  }
}

[dir="rtl"] .ws-product-show .ws-gallery-thumbs-wrap {
  left: auto;
  right: 20px;
}

@media (max-width: 1024px) {
  [dir="rtl"] .ws-product-show .ws-gallery-thumbs-wrap {
    right: 12px;
  }
}

@media (min-width: 1024px) {
  [dir="rtl"] .ws-product-show .product-detail .product-infor {
    padding-right: 45px;
  }
}