/* ============================================================
   custom-nh-slider.css — RTL-PATCHED
   ============================================================ */
.custom_nh_slider_wrap {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.custom_nh_slider_overflow {
  overflow: hidden;
  position: relative;
  flex-shrink: 0;
}
.custom_nh_slider_inner {
  display: flex;
  align-items: center;
  will-change: transform;
}
.custom_nh_slide {
  flex-shrink: 0;
  overflow: hidden;
  border-radius: 0;
}
.custom_nh_slider_inner .custom_nh_slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform 0.4s ease;
}
.custom_nh_slide:hover img {
  transform: scale(1.03);
}

/* ── NAV BAR ── */
.custom_nh_nav {
  display    : flex;
  align-items: center;
  width      : 370px;
  min-width  : 370px;
  max-width  : 370px;
  height     : 14px;
  margin     : 35px auto 0;
}
.custom_nh_btn {
  background  : none;
  border      : none;
  cursor      : pointer;
  padding     : 0;
  flex-shrink : 0;
  display     : flex;
  align-items : center;
  line-height : 1;
  transition  : opacity 0.2s;
}
.custom_nh_btn:hover {
  opacity: 0.5;
}
.custom_nh_btn:disabled {
  opacity: 0.2;
  cursor : default;
}
.custom_nh_btn svg {
  display: block;
  width  : 25px;
  height : 15px;
}
.custom_nh_track {
  flex        : 1;
  position    : relative;
  height      : 14px;
  display     : flex;
  align-items : center;
  margin      : 0 15px;
  min-width   : 0;
}
.custom_nh_track_bg {
  position  : absolute;
  left      : 0;
  right     : 0;
  top       : 50%;
  transform : translateY(-50%);
  height    : 2px;
  background: #B5A05A;
}
.custom_nh_track_fill {
  position  : absolute;
  top       : 4px;
  transform : translateY(-50%);
  height    : 7px;
  background: #B5A05A;
  left      : 0%;
  width     : 15%;
  transition: all 0.45s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

/* ============================================================
   ▼▼▼  RTL FIXES — added for Arabic (WPML)  ▼▼▼
   ============================================================ */

/* Force the inner track and overflow to LTR layout so the
   slider math (translateX, margin-left, flex order) works
   identically on both languages. The page can stay RTL. */
[dir="rtl"] .custom_nh_slider_overflow,
[dir="rtl"] .custom_nh_slider_inner,
html[dir="rtl"] .custom_nh_slider_overflow,
html[dir="rtl"] .custom_nh_slider_inner {
  direction: ltr;
}

/* Flip the arrow icons visually in RTL so they point the right way
   for the user's reading direction. 
[dir="rtl"] .custom_nh_btn svg,
html[dir="rtl"] .custom_nh_btn svg {
  transform: scaleX(-1);
}*/

/* Reverse the nav bar so the prev/next buttons sit on the
   correct sides for an Arabic reader. */
[dir="rtl"] .custom_nh_nav,
html[dir="rtl"] .custom_nh_nav {
  flex-direction: row-reverse;
}

/* Make sure the progress fill doesn't inherit a stale `left` value
   when toggled to right-anchored mode by the JS in RTL. */
[dir="rtl"] .custom_nh_track_fill,
html[dir="rtl"] .custom_nh_track_fill {
  left: auto;
}