/* RTL overrides for Arabic pages (loaded after style.css when is_rtl()). */

body,
h1, h2, h3, h4,
.brand-name,
.btn {
	font-family: "IBM Plex Sans Arabic", "Segoe UI", Tahoma, Arial, sans-serif;
}
h1, h2, h3, h4, .hero h1, .stat b, .step::before, .band-figures b, .brand-name { font-stretch: normal; }
.brand-name { letter-spacing: 0; }

.rule-head::before { left: auto; right: 0; }
.content h2::before { left: auto; right: 0; }

.note, .content blockquote { border-left: none; border-right: 4px solid var(--teal); }
.note-brass { border-right-color: var(--brass); }

.side-nav li a { padding: .5rem .2rem; }
.side-nav .children { padding-left: 0; padding-right: .9rem; }

.content th, .content td { text-align: right; }
.content ul, .content ol { padding-left: 0; padding-right: 1.3rem; }
.feature ul { padding-left: 0; padding-right: 1.2rem; }

.stat { border-left: none; border-right: 1px solid var(--line); }
.stat:first-child { border-right: none; }
@media (max-width: 860px) {
	.stat:nth-child(3) { border-right: none; }
}

.hero-media::after {
	background: linear-gradient(-100deg, rgba(11, 36, 56, .93) 18%, rgba(11, 36, 56, .62) 55%, rgba(11, 36, 56, .25) 100%);
}
.band-media::after {
	background: linear-gradient(-90deg, rgba(11, 36, 56, .95) 30%, rgba(11, 36, 56, .55) 70%, rgba(11, 36, 56, .3));
}
.page-band-media::after {
	background: linear-gradient(-95deg, rgba(11,36,56,.94) 25%, rgba(11,36,56,.55));
}

@media (max-width: 980px) {
	.site-nav a { border-left: none; border-right: 3px solid transparent; }
	.site-nav a:hover { border-right-color: var(--brass); }
}