/* RTL polish for browse surfaces (enabled when html[dir="rtl"]) */
html[dir="rtl"] body {
  direction: rtl;
}

html[dir="rtl"] .topNav,
html[dir="rtl"] .searchDrawer,
html[dir="rtl"] .billboard,
html[dir="rtl"] .rows,
html[dir="rtl"] .modal,
html[dir="rtl"] .watchDrawer {
  direction: rtl;
}

html[dir="rtl"] .billboard__content,
html[dir="rtl"] .billboard__synopsis,
html[dir="rtl"] .rowTitle,
html[dir="rtl"] .searchCard__title,
html[dir="rtl"] .searchCard__meta,
html[dir="rtl"] .searchCard__synopsis {
  text-align: right;
}

html[dir="rtl"] .searchDrawer__bar input,
html[dir="rtl"] .searchDrawer__bar input::placeholder {
  text-align: right;
}

html[dir="rtl"] .heroButtons,
html[dir="rtl"] .watchDrawer__actions,
html[dir="rtl"] .nfModal__actions,
html[dir="rtl"] .nfModal__quickActions {
  flex-direction: row-reverse;
}

html[dir="rtl"] .watchDrawer__topbar,
html[dir="rtl"] .nfModal__mobileTopbar {
  flex-direction: row-reverse;
}

html[dir="rtl"] .rfSectionBack .rfIcon,
html[dir="rtl"] .wdBack .rfIcon {
  transform: scaleX(-1);
}