/* RTL overrides for the Arabic site. Scoped to [dir="rtl"] so it never affects EN.
   Loaded after styles.css + blog.css. */

[dir="rtl"] body { text-align: right; }
[dir="rtl"] .container { text-align: right; }

/* --- nav --- */
[dir="rtl"] .nav-links a:not(.nav-cta)::after { left: auto; right: 0; }
[dir="rtl"] .brand-name { text-align: right; }

/* --- hero / sections / kickers --- */
[dir="rtl"] .page-hero, [dir="rtl"] .hero, [dir="rtl"] .section,
[dir="rtl"] .hero-kicker, [dir="rtl"] .section-kicker, [dir="rtl"] .page-hero-sub,
[dir="rtl"] h1, [dir="rtl"] h2, [dir="rtl"] h3, [dir="rtl"] h4, [dir="rtl"] p { text-align: right; }
[dir="rtl"] .rule { margin-left: auto; margin-right: 0; }
[dir="rtl"] .hero-actions { justify-content: flex-start; }

/* card top-accent bar grows from the right */
[dir="rtl"] .card::before { left: auto; right: 0; transform-origin: right; }
[dir="rtl"] .card, [dir="rtl"] .card p, [dir="rtl"] .card h4 { text-align: right; }

/* bulleted lists: marker on the right */
[dir="rtl"] .hl-list li, [dir="rtl"] .role-block li { padding-left: 0; padding-right: 22px; }
[dir="rtl"] .hl-list li::before, [dir="rtl"] .role-block li::before { left: auto; right: 0; }
[dir="rtl"] .role-block { border-left: 0; border-right: 2px solid var(--gold); padding-left: 0; padding-right: 44px; }

/* button arrow points the other way */
[dir="rtl"] .btn::after { transform: scaleX(-1); }
[dir="rtl"] .btn:hover::after { transform: scaleX(-1) translateX(4px); }

/* --- contact / apply forms --- */
[dir="rtl"] .contact-inner, [dir="rtl"] .contact-offer, [dir="rtl"] .contact-scarcity,
[dir="rtl"] .contact-fineprint, [dir="rtl"] .contact-form, [dir="rtl"] .apply-form { text-align: right; }
[dir="rtl"] .contact-form label, [dir="rtl"] .apply-form label,
[dir="rtl"] .contact-form .field, [dir="rtl"] .apply-form .field { text-align: right; }
[dir="rtl"] .contact-form input, [dir="rtl"] .contact-form select,
[dir="rtl"] .contact-form textarea, [dir="rtl"] .apply-form input,
[dir="rtl"] .apply-form select, [dir="rtl"] .apply-form textarea { text-align: right; direction: rtl; }
[dir="rtl"] .seg-field { direction: rtl; }

/* --- blog listing + cards --- */
[dir="rtl"] .blog-card-body, [dir="rtl"] .blog-card-date, [dir="rtl"] .blog-card-title,
[dir="rtl"] .blog-card-excerpt, [dir="rtl"] .tag-bar { text-align: right; }
[dir="rtl"] .blog-card a { direction: rtl; }
[dir="rtl"] .blog-card-thumb img { border-radius: 14px 14px 0 0; }

/* --- post body --- */
[dir="rtl"] .post-head, [dir="rtl"] .post-title, [dir="rtl"] .post-meta, [dir="rtl"] .post-body { text-align: right; }
[dir="rtl"] .post-body ul, [dir="rtl"] .post-body ol { padding-left: 0; padding-right: 1.25em; }
[dir="rtl"] .post-related h2, [dir="rtl"] .post-cta-band { text-align: right; }
[dir="rtl"] .post-cta-band { text-align: center; }
[dir="rtl"] .post-cta-band h2, [dir="rtl"] .post-cta-band p { text-align: center; }

/* diagrams, charts and code stay LEFT-to-right (never mirror a chart) */
[dir="rtl"] .post-figure, [dir="rtl"] .post-figure svg, [dir="rtl"] .post-figure img,
[dir="rtl"] pre.mermaid, [dir="rtl"] .post-figure.is-mermaid { direction: ltr; text-align: center; }

/* search results grid inherits the card direction */
[dir="rtl"] .pf-results { direction: rtl; }

/* Arabic team names render as text (the Latin dot-art name images aren't used) */
.member-name-ar { font-family: "Noto Kufi Arabic", system-ui, sans-serif; font-weight: 600; color: #16241c; line-height: 1.3; display: inline-block; font-size: 1.02rem; }
#modal-name .member-name-ar { font-size: 1.55rem; letter-spacing: 0; }