/*
 * 商户后台：从右到左语言（阿拉伯语）的方向修正，仅在 <html dir="rtl"> 时加载，放在页面样式之后。
 */

/* 全局：Bootstrap 4 reboot 给 body 写死了 text-align:left，阿拉伯语改为右对齐 */
[dir="rtl"] body {
	text-align: right;
}
/* 全局：Bootstrap .text-right（登录页“忘记密码”），原样式带 !important */
[dir="rtl"] .text-right {
	text-align: left !important;
}

/* 头部：语言按钮地球图标与文字的间距 */
[dir="rtl"] #header .action .language .icon {
	margin-right: 0;
	margin-left: 5px;
}
/* 头部：登录后的用户下拉菜单（靠右对齐 → 靠左对齐）、菜单图标间距 */
[dir="rtl"] #header .user-box .menu-box {
	right: auto;
	left: 0;
}
[dir="rtl"] #header .user-box .menu-item .icon {
	margin-right: 0;
	margin-left: 10px;
}
/* 头部：退出登录图标的箭头朝左 */
[dir="rtl"] #header .user-box .menu-item .icon.logout {
	transform: scaleX(-1);
}
/* 头部：昵称（可能是邮箱）按内容定方向，邮箱截断时保留开头 */
[dir="rtl"] #header .user-box .nickname {
	unicode-bidi: plaintext;
}
/* 头部（手机）：地球图标贴近汉堡按钮，与英文镜像 */
[dir="rtl"] #header .language-icon {
	margin-left: 15px;
	margin-right: auto;
}
/* 头部（手机）：语言弹窗关闭按钮移到左上角 */
[dir="rtl"] #languageModal .close {
	right: auto;
	left: 12px;
}

/* 账号设置弹窗（登录后头部）：关闭按钮移到左上角、取消与应用按钮间距 */
[dir="rtl"] #merchant-editor .close-icon {
	right: auto;
	left: 20px;
}
[dir="rtl"] #merchant-editor .button-box .cancel {
	margin-right: 0;
	margin-left: 20px;
}
/* 账号设置弹窗：邮箱、注册时间保持从左到右（否则 "日期 时间" 会被调换顺序），仍靠右对齐 */
[dir="rtl"] #merchant-editor .info .value {
	direction: ltr;
	text-align: right;
}

/* 登录 / 注册 / 重置密码：Logo 边距 */
[dir="rtl"] .main-container > a > .logo {
	margin-left: 0;
	margin-right: 20px;
}
/* 登录 / 注册 / 重置密码：输入框左侧图标 → 右侧，眼睛 / 发送验证码 → 左侧 */
[dir="rtl"] .main .input-box .icon {
	left: auto;
	right: 20px;
}
[dir="rtl"] .main .input-box .eye {
	right: auto;
	left: 20px;
}
[dir="rtl"] .main .input-box .send {
	right: auto;
	left: 20px;
}
/* 登录 / 注册 / 重置密码：邮箱、密码按输入内容定方向（输入 "name@" 时 @ 不跑到开头），仍靠右贴近图标 */
[dir="rtl"] .main .input-box .input {
	unicode-bidi: plaintext;
	text-align: right;
}

/* API 文档页：左侧目录与正文的间距 */
[dir="rtl"] .main .navigation {
	margin-right: 0;
	margin-left: 15px;
}
/* API 文档页：表格单元格内边距（原来右侧留白、左侧为 0） */
[dir="rtl"] .main .content table th,
[dir="rtl"] .main .content table td {
	padding: 20px 0 20px 20px;
}
/* API 文档页：代码块保持从左到右，避免 JSON 被双向算法打乱 */
[dir="rtl"] .main .content pre,
[dir="rtl"] .main .content code {
	direction: ltr;
	text-align: left;
	unicode-bidi: isolate;
}

/* 错误页：英文错误信息 / 硬编码英文副标题按内容方向排版，句号不跑到开头 */
[dir="rtl"] div.main > .title,
[dir="rtl"] div.main > .subtitle {
	unicode-bidi: plaintext;
}

/* 商户后台定价组件（#expenses）：「最受欢迎」角标移到左上角，勾选图标与文字间距，价格保持从左到右，与主站价格页一致 */
[dir="rtl"] #expenses .list .tag {
	right: auto;
	left: 0;
	border-radius: 20px 0 20px 0;
}
[dir="rtl"] #expenses .list .rule .icon {
	margin-right: 0;
	margin-left: 10px;
}
[dir="rtl"] #expenses .list .price .amount {
	direction: ltr;
}

@media (max-width: 576px) {
	[dir="rtl"] .main-container > a > .logo {
		margin-right: 0;
	}
	[dir="rtl"] .main .input-box .icon:not(.eye) {
		left: auto;
		right: 10px;
	}
	[dir="rtl"] .main .input-box .eye {
		right: auto;
		left: 10px;
	}
}