/**
 * Dokan Quill editor RTL fixes (admin + vendor).
 * Quill snow theme / RTLCSS leaves picker labels and carets misaligned in fa_IR.
 */

html[dir="rtl"] .ql-toolbar.ql-snow,
html[dir="rtl"] .ql-container.ql-snow,
body.rtl .ql-toolbar.ql-snow,
body.rtl .ql-container.ql-snow,
.rtl .ql-toolbar.ql-snow,
.rtl .ql-container.ql-snow {
	direction: rtl;
}

html[dir="rtl"] .ql-snow .ql-editor,
body.rtl .ql-snow .ql-editor,
.rtl .ql-snow .ql-editor {
	direction: rtl;
	text-align: right;
}

/* Undo broken RTLCSS flip of Quill's own direction helper */
html[dir="rtl"] .ql-editor .ql-direction-rtl,
body.rtl .ql-editor .ql-direction-rtl,
.rtl .ql-editor .ql-direction-rtl {
	direction: rtl !important;
	text-align: inherit;
}

html[dir="rtl"] .ql-editor .ql-direction-ltr,
body.rtl .ql-editor .ql-direction-ltr,
.rtl .ql-editor .ql-direction-ltr {
	direction: ltr !important;
	text-align: inherit;
}

html[dir="rtl"] .ql-snow.ql-toolbar button,
html[dir="rtl"] .ql-snow .ql-toolbar button,
body.rtl .ql-snow.ql-toolbar button,
body.rtl .ql-snow .ql-toolbar button,
.rtl .ql-snow.ql-toolbar button,
.rtl .ql-snow .ql-toolbar button {
	float: right;
}

html[dir="rtl"] .ql-snow.ql-toolbar button svg,
html[dir="rtl"] .ql-snow .ql-toolbar button svg,
body.rtl .ql-snow.ql-toolbar button svg,
body.rtl .ql-snow .ql-toolbar button svg,
.rtl .ql-snow.ql-toolbar button svg,
.rtl .ql-snow .ql-toolbar button svg {
	float: right;
}

html[dir="rtl"] .ql-snow .ql-picker,
body.rtl .ql-snow .ql-picker,
.rtl .ql-snow .ql-picker {
	float: right;
}

/* Header / font / size picker label (the selected element) */
html[dir="rtl"] .ql-snow .ql-picker-label,
body.rtl .ql-snow .ql-picker-label,
.rtl .ql-snow .ql-picker-label {
	padding-right: 8px !important;
	padding-left: 18px !important;
	text-align: right;
	direction: rtl;
}

html[dir="rtl"] .ql-snow .ql-color-picker .ql-picker-label,
html[dir="rtl"] .ql-snow .ql-icon-picker .ql-picker-label,
body.rtl .ql-snow .ql-color-picker .ql-picker-label,
body.rtl .ql-snow .ql-icon-picker .ql-picker-label,
.rtl .ql-snow .ql-color-picker .ql-picker-label,
.rtl .ql-snow .ql-icon-picker .ql-picker-label {
	padding: 2px 4px !important;
}

html[dir="rtl"] .ql-snow .ql-picker-label::before,
body.rtl .ql-snow .ql-picker-label::before,
.rtl .ql-snow .ql-picker-label::before {
	display: inline-block;
	margin-left: 0;
	margin-right: 0;
	text-align: right;
}

/* Caret SVG: physical left in RTL */
html[dir="rtl"] .ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg,
body.rtl .ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg,
.rtl .ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg {
	left: 0 !important;
	right: auto !important;
	margin-top: -9px;
	position: absolute;
	top: 50%;
	width: 18px;
}

html[dir="rtl"] .ql-snow .ql-color-picker .ql-picker-label svg,
html[dir="rtl"] .ql-snow .ql-icon-picker .ql-picker-label svg,
body.rtl .ql-snow .ql-color-picker .ql-picker-label svg,
body.rtl .ql-snow .ql-icon-picker .ql-picker-label svg,
.rtl .ql-snow .ql-color-picker .ql-picker-label svg,
.rtl .ql-snow .ql-icon-picker .ql-picker-label svg {
	left: 4px !important;
	right: auto !important;
}

html[dir="rtl"] .ql-snow .ql-picker-options,
body.rtl .ql-snow .ql-picker-options,
.rtl .ql-snow .ql-picker-options {
	text-align: right;
	direction: rtl;
	right: 0;
	left: auto;
}

html[dir="rtl"] .ql-snow .ql-color-picker .ql-picker-item,
body.rtl .ql-snow .ql-color-picker .ql-picker-item,
.rtl .ql-snow .ql-color-picker .ql-picker-item {
	float: right;
}

html[dir="rtl"] .ql-editor.ql-blank::before,
body.rtl .ql-editor.ql-blank::before,
.rtl .ql-editor.ql-blank::before {
	right: 15px !important;
	left: auto !important;
	text-align: right;
}

html[dir="rtl"] .ql-snow .ql-picker.ql-header,
body.rtl .ql-snow .ql-picker.ql-header {
	width: 110px;
}

/* Persian labels for Quill header/size/font pickers (CSS content, not i18n) */
html[dir="rtl"] .ql-snow .ql-picker.ql-header .ql-picker-label::before,
html[dir="rtl"] .ql-snow .ql-picker.ql-header .ql-picker-item::before,
body.rtl .ql-snow .ql-picker.ql-header .ql-picker-label::before,
body.rtl .ql-snow .ql-picker.ql-header .ql-picker-item::before {
	content: "معمولی";
}

html[dir="rtl"] .ql-snow .ql-picker.ql-header .ql-picker-label[data-value="1"]::before,
html[dir="rtl"] .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before,
body.rtl .ql-snow .ql-picker.ql-header .ql-picker-label[data-value="1"]::before,
body.rtl .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before {
	content: "عنوان ۱";
}

html[dir="rtl"] .ql-snow .ql-picker.ql-header .ql-picker-label[data-value="2"]::before,
html[dir="rtl"] .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before,
body.rtl .ql-snow .ql-picker.ql-header .ql-picker-label[data-value="2"]::before,
body.rtl .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before {
	content: "عنوان ۲";
}

html[dir="rtl"] .ql-snow .ql-picker.ql-header .ql-picker-label[data-value="3"]::before,
html[dir="rtl"] .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before,
body.rtl .ql-snow .ql-picker.ql-header .ql-picker-label[data-value="3"]::before,
body.rtl .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before {
	content: "عنوان ۳";
}

html[dir="rtl"] .ql-snow .ql-picker.ql-header .ql-picker-label[data-value="4"]::before,
html[dir="rtl"] .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]::before,
body.rtl .ql-snow .ql-picker.ql-header .ql-picker-label[data-value="4"]::before,
body.rtl .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]::before {
	content: "عنوان ۴";
}

html[dir="rtl"] .ql-snow .ql-picker.ql-header .ql-picker-label[data-value="5"]::before,
html[dir="rtl"] .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]::before,
body.rtl .ql-snow .ql-picker.ql-header .ql-picker-label[data-value="5"]::before,
body.rtl .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]::before {
	content: "عنوان ۵";
}

html[dir="rtl"] .ql-snow .ql-picker.ql-header .ql-picker-label[data-value="6"]::before,
html[dir="rtl"] .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before,
body.rtl .ql-snow .ql-picker.ql-header .ql-picker-label[data-value="6"]::before,
body.rtl .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before {
	content: "عنوان ۶";
}

html[dir="rtl"] .ql-snow .ql-picker.ql-size .ql-picker-label::before,
html[dir="rtl"] .ql-snow .ql-picker.ql-size .ql-picker-item::before,
body.rtl .ql-snow .ql-picker.ql-size .ql-picker-label::before,
body.rtl .ql-snow .ql-picker.ql-size .ql-picker-item::before {
	content: "عادی";
}

html[dir="rtl"] .ql-snow .ql-picker.ql-size .ql-picker-label[data-value="small"]::before,
html[dir="rtl"] .ql-snow .ql-picker.ql-size .ql-picker-item[data-value="small"]::before,
body.rtl .ql-snow .ql-picker.ql-size .ql-picker-label[data-value="small"]::before,
body.rtl .ql-snow .ql-picker.ql-size .ql-picker-item[data-value="small"]::before {
	content: "کوچک";
}

html[dir="rtl"] .ql-snow .ql-picker.ql-size .ql-picker-label[data-value="large"]::before,
html[dir="rtl"] .ql-snow .ql-picker.ql-size .ql-picker-item[data-value="large"]::before,
body.rtl .ql-snow .ql-picker.ql-size .ql-picker-label[data-value="large"]::before,
body.rtl .ql-snow .ql-picker.ql-size .ql-picker-item[data-value="large"]::before {
	content: "بزرگ";
}

html[dir="rtl"] .ql-snow .ql-picker.ql-size .ql-picker-label[data-value="huge"]::before,
html[dir="rtl"] .ql-snow .ql-picker.ql-size .ql-picker-item[data-value="huge"]::before,
body.rtl .ql-snow .ql-picker.ql-size .ql-picker-label[data-value="huge"]::before,
body.rtl .ql-snow .ql-picker.ql-size .ql-picker-item[data-value="huge"]::before {
	content: "خیلی بزرگ";
}