/* ==========================================================================
   Onsus — surgical RTL overrides (Hebrew / he_IL)
   --------------------------------------------------------------------------
   Onsus is a flexbox-based template, so the page <html dir="rtl"> handles the
   bulk of mirroring natively (text, flex order, rails, Swiper auto-RTL).
   These rules fix ONLY the elements that use physical left/right positioning,
   which the browser does not auto-flip. We intentionally do NOT run a blanket
   rtlcss flip, because that breaks the template's absolutely-positioned promo
   banner compositions.
   ========================================================================== */

/* --- Header search: move the round submit button to the (RTL) end = left --- */
[dir="rtl"] .form-search-product .btn-submit-form {
  right: auto;
  left: 5px;
}

/* --- Mobile menu search: submit icon to the (RTL) end = left, padded clear --- */
[dir="rtl"] .canvas-mb .form-search .button-submit {
  right: auto;
  left: 15px;
}
[dir="rtl"] .canvas-mb .form-search input {
  padding-left: 42px;
  padding-right: 16px;
}

/* --- Brand logo marquee: infiniteslide is JS-driven and LTR by design.
       A logo marquee has no semantic direction, so keep it LTR to avoid the
       clipped first item under RTL. --- */
[dir="rtl"] .infiniteslide {
  direction: ltr;
}

/* --- Carousel arrows: Swiper swaps prev/next in RTL, so flip the chevron
       glyphs to point the correct way. --- */
[dir="rtl"] .nav-swiper i {
  display: inline-block;
  transform: scaleX(-1);
}

/* --- Price promo banners (Dell "$450" best-seller, Samsung "$70" TV):
       mirror the pop-out product image to the left so the text sits right. --- */
[dir="rtl"] .banner-image-product-3 .img-item { right: 50%; left: 15px; }
[dir="rtl"] .banner-image-product-3.style-2 .img-item { right: auto; left: 0; }
[dir="rtl"] .banner-image-product-3 .wrap { margin-right: 0; margin-left: 28px; }

/* --- Cart/checkout discount field button to the left + flipped radius --- */
[dir="rtl"] .ip-discount-code .tf-btn {
  right: auto;
  left: 0;
  border-radius: 8px 0 0 8px;
}