/* =============================
   RTL Overrides for Arabic (dir=rtl)
   Designed to layer *after* the default CSS files.
   ============================= */

html[dir="rtl"], body[dir="rtl"], body {
  direction: rtl;
  text-align: right;
}

/* Generic float swaps */
[dir="rtl"] .pull-left { float: right !important; }
[dir="rtl"] .pull-right { float: left !important; }

/* Bootstrap helpers */
[dir="rtl"] .text-left { text-align: right !important; }
[dir="rtl"] .text-right { text-align: left !important; }

/* Header */
[dir="rtl"] .header-logo { float: right; }
[dir="rtl"] .header-ctn { float: left; }
[dir="rtl"] .header-ctn>div+div { margin-right: 15px; margin-left: 0; }
[dir="rtl"] .header-ctn>div>a>.qty { left: 15px; right: auto; }

[dir="rtl"] .header-links li { margin-left: 15px; margin-right: 0; }
[dir="rtl"] .header-links li:last-child { margin-left: 0; }
[dir="rtl"] .header-links li i { margin-left: 5px; margin-right: 0; }

/* Search bar */
[dir="rtl"] .header-search form .input-select {
  margin-left: -4px;
  margin-right: 0;
  border-radius: 0 40px 40px 0;
}
[dir="rtl"] .header-search form .input {
  width: calc(100% - 260px);
  margin-left: -4px;
  margin-right: 0;
}
[dir="rtl"] .header-search form .search-btn {
  border-radius: 40px 0 0 40px;
}

/* Cart dropdown */
[dir="rtl"] .cart-dropdown { left: 0; right: auto; }

/* Navigation */
[dir="rtl"] .main-nav>li+li { margin-right: 30px; margin-left: 0; }
[dir="rtl"] .section-title .section-nav { float: left; }
[dir="rtl"] .section-tab-nav li { margin-left: 0; margin-right: 15px; }
[dir="rtl"] .products-slick-nav { left: 15px; right: auto; }

/* Responsive nav panel */
@media only screen and (max-width: 991px) {
  [dir="rtl"] #responsive-nav {
    right: 0;
    left: auto;
    transform: translateX(100%);
  }
  [dir="rtl"] #responsive-nav.active {
    transform: translateX(0%);
  }
}

/* Breadcrumb */
[dir="rtl"] #breadcrumb .breadcrumb-header { margin-left: 15px; margin-right: 0; }
[dir="rtl"] #breadcrumb .breadcrumb-tree li+li { margin-right: 10px; margin-left: 0; }
[dir="rtl"] #breadcrumb .breadcrumb-tree li+li:before {
  content: '/';
  margin-left: 10px;
  margin-right: 0;
}

/* Shop tiles */
[dir="rtl"] .shop:before,
[dir="rtl"] .shop:after {
  transform: skewX(45deg);
}
[dir="rtl"] .shop .shop-body { right: 0; left: auto; }

/* Product cards */
[dir="rtl"] .product .product-img .product-label { left: 15px; right: auto; }
[dir="rtl"] .product .product-body .product-rating>i { margin-left: -4px; margin-right: 0; }
[dir="rtl"] .product .add-to-cart .add-to-cart-btn>i { right: 0; left: auto; }
[dir="rtl"] .product .add-to-cart .add-to-cart-btn:hover {
  padding: 0 50px 0 30px;
}

/* Widget product (mini items) */
[dir="rtl"] .product-widget .product-img { right: 0; left: auto; }
[dir="rtl"] .product-widget .product-body { padding-right: 75px; padding-left: 0; }
[dir="rtl"] .product-widget .product-price .qty { margin-left: 10px; margin-right: 0; }
[dir="rtl"] .product-widget .delete { right: 0; left: auto; }

/* Store controls */
[dir="rtl"] .store-grid { float: left; }
[dir="rtl"] .store-grid li+li { margin-right: 5px; margin-left: 0; }
[dir="rtl"] .store-pagination { float: left; }
[dir="rtl"] .store-qty { margin-left: 30px; margin-right: 0; }

/* Product details page */
[dir="rtl"] .product-details .product-rating { margin-left: 15px; margin-right: 0; }
[dir="rtl"] .product-details .product-available { margin-right: 30px; margin-left: 0; }
[dir="rtl"] .product-details .add-to-cart .add-to-cart-btn>i { right: 0; left: auto; }
[dir="rtl"] .product-details .add-to-cart .add-to-cart-btn:hover {
  padding: 0 50px 0 30px;
}

/* Product images thumbs (vertical arrows already swapped by Slick's theme) */

/* Ratings blocks */
[dir="rtl"] .rating-avg .rating-stars { margin-right: 10px; margin-left: 0; }
[dir="rtl"] .rating .rating-progress { margin: 0 10px 0 0; }
[dir="rtl"] .rating .rating-progress>div { right: 0; left: auto; }

/* Reviews list */
[dir="rtl"] .reviews li { padding-right: 145px; padding-left: 0; }
[dir="rtl"] .reviews .review-heading { right: 0; left: auto; }
[dir="rtl"] .reviews-pagination li { direction: ltr; } /* keep numbers visually consistent */

/* Footer social/icons alignment if needed */
[dir="rtl"] .footer-payments { text-align: left; }

/* Slick Core tweaks (most handled by slick.css via [dir='rtl']) */

/* noUiSlider: force RTL track */
[dir="rtl"] .noUi-target { direction: rtl !important; }

/* Misc left/right paddings & margins commonly used */
[dir="rtl"] .m-l-5 { margin-left: 0; margin-right: 5px; }
[dir="rtl"] .m-l-10 { margin-left: 0; margin-right: 10px; }
[dir="rtl"] .p-l-15 { padding-left: 0; padding-right: 15px; }


/* ============================= */
/* Header & Navigation RTL Fixes */
/* ============================= */

/* تأكيد محاذاة اللوجو يمين */
[dir="rtl"] .header-logo {
  float: right !important;
  text-align: right;
}

/* الصندوق الجانبي (السلة / البحث / الحساب) على اليسار */
[dir="rtl"] .header-ctn {
  float: left !important;
  text-align: left;
}

/* ترتيب العناصر داخل header-links */
[dir="rtl"] .header-links {
  float: right !important;
  direction: rtl;
}
[dir="rtl"] .header-links li {
  float: right;
  margin-left: 15px;
  margin-right: 0;
}

/* البحث */
[dir="rtl"] .header-search {
  float: right;
  text-align: right;
}

/* شريط التنقل الرئيسي */
[dir="rtl"] .main-nav {
  float: right !important;
  direction: rtl;
}
[dir="rtl"] .main-nav > li {
  float: right !important;
}
[dir="rtl"] .main-nav > li + li {
  margin-right: 30px;
  margin-left: 0;
}

/* تأكيد أن العناصر داخل navbar متراصة من اليمين */
[dir="rtl"] .navbar-nav {
  float: right !important;
  direction: rtl;
}

/* القائمة الجانبية في الهواتف */
@media (max-width: 991px) {
  [dir="rtl"] #responsive-nav {
    right: 0;
    left: auto;
    transform: translateX(100%);
  }
  [dir="rtl"] #responsive-nav.active {
    transform: translateX(0);
  }
}


/* ===== Strong RTL grid & header alignment (Bootstrap 3) ===== */

/* Flip Bootstrap's grid floats so columns stack from the right */
[dir="rtl"] .row > [class*="col-"] {
  float: right !important;
}

/* Header columns: ensure logo col sits at the far right */
[dir="rtl"] #header .row > [class*="col-"] {
  float: right !important;
}

/* Navbar pieces for v3 */
[dir="rtl"] .navbar-header {
  float: right !important;
}
[dir="rtl"] .navbar-collapse {
  float: left !important;
  text-align: right;
}

/* Make main nav items float right to start from the right edge */
[dir="rtl"] .main-nav.navbar-nav > li {
  float: right !important;
}



/* عرض الأرقام بشكل طبيعي داخل صفحات RTL */
[dir="rtl"] .num,
[dir="rtl"] .amount,
[dir="rtl"] .price,
[dir="rtl"] .phone,
[dir="rtl"] input[type="number"],
[dir="rtl"] .order-id {
  direction: ltr !important;
  unicode-bidi: plaintext;
  display: inline-block;
}




/* ===== Product Gallery RTL Fix ===== */
[dir="rtl"] #product-view,
[dir="rtl"] .product-view { position: relative; }

/* خلي عمود الثمبنيلز على اليمين */
[dir="rtl"] #product-imgs {
  position: absolute;
  top: 0;
  right: 0;      /* بدّلنا من left إلى right */
  left: auto;
  width: 110px;  /* عدّلها حسب تصميمك 90–120px */
  z-index: 2;
  direction: ltr; /* نخلي ترتيب سليك الداخلي طبيعي للعمودي */
}

/* اترك مساحة للصورة الكبيرة من اليمين */
[dir="rtl"] #product-main-img {
  margin-right: 120px;  /* ≥ من عرض الثمبنيلز+هوامشها */
  margin-left: 0;
}

/* أسهم سليك العمودي */
[dir="rtl"] #product-imgs .slick-prev,
[dir="rtl"] #product-imgs .slick-next {
  right: 50%;
  left: auto;
  transform: translateX(50%);
}

/* في الشاشات الصغيرة: الثمبنيلز تحت الصورة */
@media (max-width: 767px) {
  [dir="rtl"] #product-imgs { position: static; width: auto; margin-top: 10px; }
  [dir="rtl"] #product-main-img { margin-right: 0; }
}

/* ===== قلب push/pull لِـ Bootstrap 3 تحت RTL ===== */
[dir="rtl"] .col-md-push-1 { right: 8.33333333%; left: auto; }
[dir="rtl"] .col-md-push-2 { right:16.66666667%; left: auto; }
[dir="rtl"] .col-md-push-3 { right:25%;           left: auto; }
[dir="rtl"] .col-md-push-4 { right:33.33333333%; left: auto; }
[dir="rtl"] .col-md-push-5 { right:41.66666667%; left: auto; }
[dir="rtl"] .col-md-push-6 { right:50%;           left: auto; }
[dir="rtl"] .col-md-pull-1 { left: 8.33333333%;  right: auto; }
[dir="rtl"] .col-md-pull-2 { left:16.66666667%;  right: auto; }
[dir="rtl"] .col-md-pull-3 { left:25%;            right: auto; }
[dir="rtl"] .col-md-pull-4 { left:33.33333333%;  right: auto; }
[dir="rtl"] .col-md-pull-5 { left:41.66666667%;  right: auto; }
[dir="rtl"] .col-md-pull-6 { left:50%;            right: auto; }

/* أرقام داخل RTL (تمنع قلب الأرقام عند وجود مسافات) */
[dir="rtl"] .num,
[dir="rtl"] .price,
[dir="rtl"] .qty,
[dir="rtl"] input[type="number"] {
  direction: ltr !important;
  unicode-bidi: plaintext;
  display: inline-block;
}




/* اجعل الحاوية موضعية لوضع الأسهم بداخلها */
#product-main-img { position: relative; }

/* أسهم Slick داخل الصورة الكبيرة */
#product-main-img .slick-arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 42px; height: 42px; line-height: 42px;
  border-radius: 50%;
  z-index: 5;
}

/* في RTL: السهم السابق على يمين الصورة، التالي على يسارها */
[dir="rtl"] #product-main-img .slick-prev { right: 12px; left: auto; }
[dir="rtl"] #product-main-img .slick-next { left: 12px; right: auto; }

/* لو الثمبنيلز عمود يمين، زوّد مسافة من اليمين للصورة الكبيرة */
[dir="rtl"] #product-main-img { margin-right: 120px; } /* عدّل 120 حسب عرض عمود الثمبنيلز */

/* تأكد أن الصور لا تختفي بسبب تدفق/ارتفاع */
#product-main-img .slick-list, 
#product-main-img .slick-track { overflow: visible; }
#product-main-img .product-preview img { display: block; width: 100%; height: auto; }

/* الثمبنيلز على يمين الصورة */
[dir="rtl"] #product-imgs { position: absolute; top: 0; right: 0; left: auto; width:110px; z-index: 6; direction: ltr; }
[dir="rtl"] #product-imgs .slick-prev, 
[dir="rtl"] #product-imgs .slick-next { right: 50%; left: auto; transform: translateX(50%); }

/* موبايل: خلي الثمبنيلز تحت، وشيل المارجن */
@media (max-width: 767px) {
  [dir="rtl"] #product-imgs { position: static; width: auto; margin-top: 10px; }
  [dir="rtl"] #product-main-img { margin-right: 0; }
}