/* Shared right-to-left layout for Arabic and Hebrew storefront markets. */
html[dir="rtl"] body {
  direction: rtl;
  text-align: right;
}

html[dir="rtl"] body,
html[dir="rtl"] button,
html[dir="rtl"] input,
html[dir="rtl"] select,
html[dir="rtl"] textarea {
  font-family: "Noto Sans Arabic", "Noto Sans Hebrew", Arial, sans-serif;
}

html[dir="rtl"] .hdr-logo img,
html[dir="rtl"] .footer-logo img {
  object-position: right center;
}

/* The utility controls sit against the physical left edge in RTL. Opening a
   menu with right: 0 makes its wide panel extend outside the viewport. Anchor
   it to the left edge of its trigger so country and language lists stay on
   screen. */
html[dir="rtl"] .store-utility-settings .tb-dropdown {
  right: auto;
  left: 0;
}

html[dir="rtl"] .store-utility-settings .tb-dropdown-country {
  max-width: calc(100vw - 24px);
}

html[dir="rtl"] .store-utility-settings .tb-dd-item,
html[dir="rtl"] .store-utility-settings .tb-country-list-item {
  text-align: right;
}

html[dir="rtl"] .store-search .hdr-search-ico {
  right: 14px;
  left: auto;
}

html[dir="rtl"] .store-search .hdr-search-input {
  padding-right: 42px;
  padding-left: 110px;
  text-align: right;
}

html[dir="rtl"] .store-search .hdr-search-clear {
  right: auto;
  left: 92px;
}

html[dir="rtl"] .footer-contact-link,
html[dir="rtl"] .footer-track-link,
html[dir="rtl"] .section-head,
html[dir="rtl"] .tdp-panel-head,
html[dir="rtl"] .sr-section-head {
  direction: rtl;
}

html[dir="rtl"]
  :is(
    .tdp-identifiers,
    .tdp-price,
    .tdp-buy,
    .tdp-specifications dd,
    .sr-price,
    .price,
    [class*="article-number"],
    [class*="part-number"],
    [class*="order-reference"]
  ) {
  direction: ltr;
  unicode-bidi: isolate;
}

html[dir="rtl"] input[type="email"],
html[dir="rtl"] input[type="tel"],
html[dir="rtl"] input[type="number"],
html[dir="rtl"] input[name*="sku"],
html[dir="rtl"] input[name*="vat" i] {
  direction: ltr;
  text-align: left;
}

html[dir="rtl"] .tdp-description-facts strong,
html[dir="rtl"] .tdp-key-specs dd {
  text-align: left;
}

html[dir="rtl"] .tdp-lightbox-prev {
  right: 22px;
  left: auto;
}
html[dir="rtl"] .tdp-lightbox-next {
  right: auto;
  left: 22px;
}

@media (max-width: 768px) {
  html[dir="rtl"] .store-search .hdr-search-input {
    padding-right: 38px;
    padding-left: 34px;
  }

  html[dir="rtl"] .store-search .hdr-search-clear {
    right: auto;
    left: 8px;
  }
}

@media (max-width: 600px) {
  html[dir="rtl"] .tdp-lightbox-prev {
    right: 12px;
    left: auto;
  }
  html[dir="rtl"] .tdp-lightbox-next {
    right: auto;
    left: 12px;
  }
}