/**
 * RTL 基础样式（阿拉伯语等从右向左语言）
 * 仅在 <html dir="rtl"> 下生效，LTR 语言不受影响。
 *
 * 说明：站点历史样式大量使用物理方向（left/right、margin-left 等），
 * 这里对玩家端高频组件做基础镜像；新增页面若出现错位，按页面补充覆盖即可。
 */

html[dir="rtl"] body {
  direction: rtl;
  text-align: right;
}

/* 顶部栏 / 表单 / 列表：主轴反转 */
html[dir="rtl"] .hx-topbar__inner,
html[dir="rtl"] .hx-topbar__actions,
html[dir="rtl"] .hx-field,
html[dir="rtl"] .hx-list__item,
html[dir="rtl"] .hx-row {
  flex-direction: row-reverse;
}

/* 返回/前进类图标镜像 */
html[dir="rtl"] .fa-angle-left,
html[dir="rtl"] .fa-angle-right,
html[dir="rtl"] .fa-arrow-left,
html[dir="rtl"] .fa-arrow-right,
html[dir="rtl"] .fa-chevron-left,
html[dir="rtl"] .fa-chevron-right,
html[dir="rtl"] .fa-caret-left,
html[dir="rtl"] .fa-caret-right {
  transform: rotate(180deg);
}

/* 固定右上角的语言入口改到左上角 */
html[dir="rtl"] .hx-lang-entry {
  right: auto !important;
  left: 14px !important;
}

/* 推荐角标（原来在左上角）改到右上角 */
html[dir="rtl"] #payment_methods_options .rc-badge {
  left: auto;
  right: 3px;
}

/* Bootstrap 常用方向类翻转（玩家页也会用到） */
html[dir="rtl"] .pull-left,
html[dir="rtl"] .float-left {
  float: right !important;
}
html[dir="rtl"] .pull-right,
html[dir="rtl"] .float-right {
  float: left !important;
}
html[dir="rtl"] .text-left {
  text-align: right !important;
}
html[dir="rtl"] .text-right {
  text-align: left !important;
}
html[dir="rtl"] .ml-auto {
  margin-left: 0 !important;
  margin-right: auto !important;
}
html[dir="rtl"] .mr-auto {
  margin-right: 0 !important;
  margin-left: auto !important;
}

/* 表单控件与表格对齐 */
html[dir="rtl"] input,
html[dir="rtl"] textarea,
html[dir="rtl"] select {
  text-align: right;
}
html[dir="rtl"] table {
  direction: rtl;
}
html[dir="rtl"] th,
html[dir="rtl"] td {
  text-align: right;
}

/* 弹窗/提示文字 */
html[dir="rtl"] .modal-content,
html[dir="rtl"] .hx-toast,
html[dir="rtl"] .alert {
  text-align: right;
}

/* 数字/金额保持 LTR，避免金额显示成 “0001” */
html[dir="rtl"] .hx-num,
html[dir="rtl"] .money,
html[dir="rtl"] .balance {
  direction: ltr;
  unicode-bidi: embed;
  display: inline-block;
}

/* 轮播组件内部保持 LTR，避免滑动方向错乱 */
html[dir="rtl"] .swiper,
html[dir="rtl"] .van-swipe,
html[dir="rtl"] .carousel {
  direction: ltr;
}
html[dir="rtl"] .swiper .swiper-slide,
html[dir="rtl"] .van-swipe-item,
html[dir="rtl"] .carousel .carousel-item {
  direction: rtl;
}

/* ===== 钱包/账户页自定义头部（.navbar / .topbar）===== */
html[dir="rtl"] .navbar {
  flex-direction: row-reverse;
}
html[dir="rtl"] .navbar-left {
  left: auto !important;
  right: 0 !important;
}
html[dir="rtl"] .navbar-right {
  right: auto !important;
  left: 0 !important;
}
html[dir="rtl"] .navbar-back {
  transform: scaleX(-1);
}
html[dir="rtl"] .navbar-title {
  text-align: center;
  flex: 1;
}
html[dir="rtl"] .topbar {
  flex-direction: row-reverse;
}
html[dir="rtl"] .topbar .title {
  flex: 1;
  text-align: center;
}
html[dir="rtl"] .van-icon-arrow-left:before {
  display: inline-block;
  transform: rotate(180deg);
}

/* ===== 钱包余额卡 / 提现账户列表（.txtBox / .conBox）===== */
/* 注意：`.txtBox .txt` 的 row-reverse 在提现页会导致标签行异常（已撤回），
   余额卡标签保持浏览器默认 RTL 流即可。 */

/* 提现账户行：单选圈回到起始侧（右） */
html[dir="rtl"] .conBox .list .item {
  flex-direction: row-reverse;
}
/* 「账户 +」按钮：加号在右，间距翻转 */
html[dir="rtl"] .conBox .box .add {
  flex-direction: row-reverse;
}
html[dir="rtl"] .conBox .box .add .plus {
  margin-right: 0;
  margin-left: .26667rem;
}

/* ===== 充值渠道卡：隐藏促销角标（编译产物里的越南语「ưu đãi」）===== */
html[dir="rtl"] #payment_methods_options .item::before,
html[dir="rtl"] #payment_methods_options .item::after,
html[dir="rtl"] #payment_methods_options .item .discount,
html[dir="rtl"] #payment_methods_options .item .promo-tag,
html[dir="rtl"] #payment_methods_options .item .badge {
  display: none !important;
  content: none !important;
}

/* 提现规则说明：允许换行、避免被卡片高度裁切 */
html[dir="rtl"] .features {
  height: auto !important;
  overflow: visible !important;
}
html[dir="rtl"] #withdrawWindowText {
  line-height: 1.9;
  word-break: break-word;
  white-space: normal;
}

/* 提现页余额行的“刷新”按钮：左间距 → 右间距 */
html[dir="rtl"] .txtBox .img.m-l-10 {
  margin-left: 0 !important;
  margin-right: 10px !important;
}

/* ===== 内联样式反转（历史页面大量内联 style）===== */
html[dir="rtl"] [style*="text-align:left"],
html[dir="rtl"] [style*="text-align: left"] {
  text-align: right !important;
}
html[dir="rtl"] [style*="text-align:right"],
html[dir="rtl"] [style*="text-align: right"] {
  text-align: left !important;
}
html[dir="rtl"] [style*="float:left"],
html[dir="rtl"] [style*="float: left"] {
  float: right !important;
}
html[dir="rtl"] [style*="float:right"],
html[dir="rtl"] [style*="float: right"] {
  float: left !important;
}

/* ===== Vant 组件基础镜像 ===== */
html[dir="rtl"] .van-cell {
  padding-left: 0;
  padding-right: 16px;
}
html[dir="rtl"] .van-cell:after {
  left: auto;
  right: 16px;
}
html[dir="rtl"] .van-cell__title { text-align: right; }
html[dir="rtl"] .van-cell__value { text-align: left; }
html[dir="rtl"] .van-field__label { text-align: right; }
html[dir="rtl"] .van-field__control { text-align: right; }
html[dir="rtl"] .van-field__button,
html[dir="rtl"] .van-field__right-icon {
  padding-left: 0;
  padding-right: 8px;
}
html[dir="rtl"] .van-submit-bar__text { text-align: right; }
html[dir="rtl"] .van-submit-bar__button {
  margin-left: 0;
  margin-right: 16px;
}
html[dir="rtl"] .van-goods-action { flex-direction: row-reverse; }
html[dir="rtl"] .van-goods-action__item { direction: rtl; }
html[dir="rtl"] .van-sidebar { direction: rtl; }
html[dir="rtl"] .van-sidebar-item {
  padding-left: 0;
  padding-right: 20px;
  text-align: right;
}
html[dir="rtl"] .van-sidebar-item--select:before {
  left: auto;
  right: 0;
}
html[dir="rtl"] .van-hairline--left:after {
  left: auto;
  right: 0;
}
html[dir="rtl"] .van-hairline--right:after {
  right: auto;
  left: 0;
}
html[dir="rtl"] .van-hairline--top-bottom:after {
  left: 0;
  right: 0;
}
html[dir="rtl"] .van-swipe__indicators {
  left: auto;
  right: 50%;
  transform: translateX(50%);
}
html[dir="rtl"] .van-picker__frame {
  left: 16px;
  right: 16px;
}
html[dir="rtl"] .van-picker__cancel,
html[dir="rtl"] .van-picker__confirm {
  padding-left: 16px;
  padding-right: 16px;
}
html[dir="rtl"] .van-step--horizontal .van-step__title { text-align: center; }
html[dir="rtl"] .van-step--horizontal .van-step__circle-container {
  left: auto;
  right: -8px;
}
html[dir="rtl"] .van-step--horizontal:last-child .van-step__circle-container {
  left: auto;
  right: 8px;
}
html[dir="rtl"] .van-step--horizontal .van-step__line {
  left: 0;
  right: 0;
}
html[dir="rtl"] .van-slider:before {
  left: 0;
  right: 0;
}
html[dir="rtl"] .van-nav-bar__left {
  left: auto;
  right: 0;
}
html[dir="rtl"] .van-nav-bar__right {
  right: auto;
  left: 0;
}
html[dir="rtl"] .van-nav-bar__title { text-align: center; }
html[dir="rtl"] .van-tabbar-item { direction: rtl; }
html[dir="rtl"] .van-popup--right {
  left: 0;
  right: auto;
}
html[dir="rtl"] .van-popup--left {
  right: 0;
  left: auto;
}
html[dir="rtl"] .van-dropdown-menu__item,
html[dir="rtl"] .van-dropdown-item__option {
  text-align: right;
}
html[dir="rtl"] .van-contact-list__item-value { text-align: left; }

/* 媒体/预览类保持 LTR，避免图片/视频被镜像 */
html[dir="rtl"] .van-uploader__mask,
html[dir="rtl"] .van-image-preview__image,
html[dir="rtl"] .van-swipe,
html[dir="rtl"] .van-tabs__nav {
  direction: ltr;
}