/*
 * Right-to-left languages (Arabic). Loaded only when is_rtl(), after the page's own
 * stylesheet (core/includes/custom-front-end.php). The theme SCSS is written for
 * left-to-right text with left alignment, left paddings and left offsets set
 * explicitly; the rules below mirror them. Each one names the rule it mirrors.
 */

/* _main.scss: body { text-align: left } - inherited by almost all text. */
html[dir=rtl] body {
	text-align: right;
}

/* _main.scss: language switcher .dropdown-menu { text-align: left } */
html[dir=rtl] .dropdown-menu {
	text-align: right;
}

/* Header submenu: the arrow after the link sits on the left of the text. */
html[dir=rtl] .sub-menu a:after {
	margin-left: 0;
	margin-right: 10px;
}

/* section/advantages.scss */
html[dir=rtl] .advantages__item {
	text-align: right;
}
html[dir=rtl] .advantages__img {
	margin-right: 0;
	margin-left: 20px;
}

/* pages/_home.scss: .for__what-item */
html[dir=rtl] .for__what-item .box {
	margin: 0 0 0 25px;
}
html[dir=rtl] .for__what-item .text {
	padding: 0 0 0 45px;
}

/* section/entry-content.scss: list bullets */
html[dir=rtl] .entry-content li {
	padding-left: 0;
	padding-right: 30px;
}
html[dir=rtl] .entry-content li:before {
	left: auto;
	right: 0;
}

/* section/faq.scss: the number on the right, the arrow on the left. */
html[dir=rtl] .faq__list .item .head {
	padding: 0 35px 0 70px;
}
html[dir=rtl] .faq__list .item .head svg {
	right: auto;
	left: 25px;
}
html[dir=rtl] .faq__list .item span {
	margin-right: 0;
	margin-left: 22px;
}
html[dir=rtl] .faq__list .item .cont > div {
	padding: 43px 7% 15px 0;
}
html[dir=rtl] .faq__list .item .cont > div:after {
	left: auto;
	right: 15px;
}
@media (max-width: 1024px) {
	html[dir=rtl] .faq__list .item h3 {
		padding: 16px 0 16px 20px;
	}
	html[dir=rtl] .faq__list .item .head {
		padding: 0 22px 0 35px;
	}
	html[dir=rtl] .faq__list .item .cont > div:after {
		right: 4px;
	}
}
@media (max-width: 768px) {
	html[dir=rtl] .faq__list .item .head {
		padding: 0 22px 0 50px;
	}
}

/* pages/_pricing-old.scss: the check mark before each line of the plan. */
html[dir=rtl] .including__plan {
	padding: 0 68px 15px 15px;
	text-align: right;
}
html[dir=rtl] .including__plan svg {
	left: auto;
	right: -15px;
	margin: 0 -27px 0 0;
}

/* pages/_pricing.scss (new design): check marks in the left padding. */
html[dir=rtl] ul.including__plan {
	padding: 0 72px 0 12px;
}
html[dir=rtl] ul.including__plan svg {
	right: -42px;
	margin: 0;
}
@media (max-width: 360px) {
	html[dir=rtl] ul.including__plan {
		padding-right: 64px;
	}
	html[dir=rtl] ul.including__plan svg {
		right: -36px;
	}
}

/* Workspace: results table header. */
html[dir=rtl] #mediaTable th {
	text-align: right;
}

/* pages/_features.scss: tool page hero, text-align: left above 1024px (centred below). */
@media (min-width: 1025px) {
	html[dir=rtl] .block__content .content,
	html[dir=rtl] .block__content h1 {
		text-align: right;
	}
	/* pages/_features-adv.scss: .workspace .content { padding: 20px 0 20px 4% !important } */
	html[dir=rtl] .workspace .content {
		padding: 20px 4% 20px 0 !important;
	}
}

/* _main.scss: footer menus on phones, .footer__box .menu { text-align: left } */
html[dir=rtl] .footer__box .menu {
	text-align: right;
}

/* Tooltips: pages/_features-adv.scss .info-bubble, pages/_pricing-old.scss .tooltiptext */
html[dir=rtl] .info-bubble,
html[dir=rtl] .tooltip .tooltiptext {
	text-align: right;
}

/* features-adv: "Save to format" list opens under the AUTO button, which is on the left. */
html[dir=rtl] .group-save-list {
	right: auto;
	left: 5px;
}
html[dir=rtl] .group-save-btn svg {
	margin-left: 0;
	margin-right: 6px;
}