/* Arabic: the layout already mirrors through logical properties.
   Here: Arabic type, no italics (Arabic has none), and direction-specific bits. */
body, button, input, textarea, select {
	font-family: "Plex Arabic", "Plex Sans", "Segoe UI", Tahoma, sans-serif;
}
h1, h2, h3, h4, .brand-name, .stop-city, .tile-title, .jobs-num, .footer-motto, .pub-cover, .card-fallback,
.entry blockquote, .wp-block-quote {
	font-family: "Plex Arabic", "Plex Serif", serif;
	font-style: normal;
	letter-spacing: 0;
}
body { line-height: 1.75; }
.hero-title { font-style: normal; font-weight: 600; }
.hero::after { background: linear-gradient(to top, rgba(33, 44, 97, .88) 0%, rgba(33, 44, 97, .35) 45%, rgba(33, 44, 97, 0) 75%); }

/* The network line keeps geography west → east (left → right) even in Arabic, like a map. */
.network-line { direction: ltr; }
.network-line .stop > :not(.stop-dot) { direction: rtl; }

@media (min-width: 1024px) {
	.primary-nav .menu-item-has-children > a::after { transform: translateY(-.2em) rotate(-45deg); }
}
.play-btn::after, .ig-play { transform: none; } /* Play triangles point right in every script. */
.lb-prev { left: auto; right: 1rem; } .lb-next { right: auto; left: 1rem; }
.hero-pause::before { left: 15px; } .hero-pause::after { left: 21px; }