/* Majalla — RTL refinements. Most layout already flips through logical properties in main.css. */

:root {
	--mj-font: "IBM Plex Sans Arabic", "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Tahoma, sans-serif;
	--mj-font-head: "IBM Plex Sans Arabic", "Manrope", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Tahoma, sans-serif;
}

/* Arabic script reads better a little larger, without negative tracking. */
body { font-size: 15.5px; }
h1, h2, h3, h4, h5, h6, .mj-card-title, .mj-section-title, .mj-post-title, .mj-archive-title, .mj-site-title { letter-spacing: 0; }
.mj-card-title { line-height: 1.5; }
.mj-post-title { line-height: 1.35; }
.mj-entry { line-height: 1.95; }
.mj-ticker-label, .mj-archive-kicker, .mj-author-kicker, .mj-read-next-kicker, .mj-highlights h2, .mj-post-nav small, .mj-ad-label { letter-spacing: 0; text-transform: none; }

/* Directional icons. */
.mj-menu .sub-menu .mj-menu-arrow { transform: rotate(90deg); }
.mj-breadcrumbs li + li::before { content: "\\"; }
.mj-post-nav-next { text-align: start; }
.mj-post-nav-prev { text-align: end; }
.mj-select-share { transform: translate(50%, calc(-100% - 10px)); }
.mj-select-share::after { left: auto; right: 50%; margin-left: 0; margin-right: -6px; }
.mj-entry .alignleft { float: right; margin: .4em 0 1em 1.4em; }
.mj-entry .alignright { float: left; margin: .4em 1.4em 1em 0; }
.has-drop-cap:not(:focus)::first-letter { float: right; margin: .06em 0 0 .12em; }
.mj-card-title a { background-position: 100% 100%; }