/**
 * RTL overrides (Arabic, Hebrew, Persian, Urdu)
 */
html[dir="rtl"] body {
  direction: rtl;
  text-align: right;
}

html[dir="rtl"] input,
html[dir="rtl"] textarea,
html[dir="rtl"] select {
  text-align: right;
}

html[dir="rtl"] .top-bar-inner,
html[dir="rtl"] .header-main-inner,
html[dir="rtl"] .header-actions,
html[dir="rtl"] .nav-menu,
html[dir="rtl"] .innova-batch-bar,
html[dir="rtl"] .innova-toolbar,
html[dir="rtl"] .innova-filter-panel-header,
html[dir="rtl"] .plp-filter-row,
html[dir="rtl"] .innova-subcategory-card,
html[dir="rtl"] .innova-mobile-filter-bar {
  direction: rtl;
}

html[dir="rtl"] .lang-dropdown-menu,
html[dir="rtl"] #langMenu,
html[dir="rtl"] #langMenuInline {
  right: auto !important;
  left: 0 !important;
}

html[dir="rtl"] .float-buttons[style*="right"] {
  right: auto !important;
  left: 20px !important;
}

html[dir="rtl"] .float-buttons[style*="left"] {
  left: auto !important;
  right: 20px !important;
}

html[dir="rtl"] .float-tooltip {
  right: auto !important;
  left: calc(100% + 10px) !important;
}

html[dir="rtl"] .float-buttons[style*="left"] .float-tooltip {
  left: auto !important;
  right: calc(100% + 10px) !important;
}

html[dir="rtl"] .mega-menu {
  left: auto !important;
  right: 0 !important;
}

html[dir="rtl"] .nav-menu > li > a .dropdown-arrow {
  margin-left: 0;
  margin-right: 4px;
}

html[dir="rtl"] .innova-footer-grid {
  direction: rtl;
}

html[dir="rtl"] .innova-card-checkbox {
  left: auto;
  right: 10px;
}

html[dir="rtl"] .innova-card-badge {
  left: auto;
  right: 10px;
}

html[dir="rtl"] .banner-breadcrumb ol {
  direction: rtl;
}

html[dir="rtl"] .innova-subcategory-arrow {
  transform: scaleX(-1);
}

html[dir="rtl"] [style*="text-align:left"],
html[dir="rtl"] [style*="text-align: left"] {
  text-align: right !important;
}

html[dir="rtl"] .innova-filter-drawer {
  left: auto;
  right: 0;
  transform: translateX(100%);
}

html[dir="rtl"] .innova-filter-drawer.open {
  transform: translateX(0);
}

html[dir="rtl"] .site-header.header-over-banner.is-stuck {
  left: 0;
  right: 0;
}
