/* ============================================================
   RIGHT TO LEFT — Arabic (NNA-15 phase 2, 4 Oct 2026)

   Loaded by includes/links.php only when the page language is
   right to left (<html dir="rtl">). The page layouts are flex and
   grid, which the browser mirrors by itself under dir="rtl"; this
   file fixes what does not mirror on its own: things positioned
   with left/right, text forced to align left, arrows, the
   scrolling tickers, and English text that has not been
   translated yet (which must still read left to right).
   ============================================================ */

/* ── Untranslated English stays left to right ─────────────── */
[dir="rtl"] [lang="en"] { direction: ltr; text-align: left; unicode-bidi: isolate; }
/* …except the language menus: "English" lines up on the right with the other languages */
[dir="rtl"] a[hreflang][lang] { direction: rtl; text-align: right; }
[dir="rtl"] .single-post .sec1 .article > h2.title[lang="en"] { text-align: left; }

/* ── Arrows and chevrons point the other way ──────────────── */
[dir="rtl"] .fp-more svg,
[dir="rtl"] .fp-link-gold svg,
[dir="rtl"] .fp-pager a[rel] svg,
[dir="rtl"] .us-row-link svg,
[dir="rtl"] .us-arrow svg { transform: scaleX(-1); }
[dir="rtl"] .fp-more:hover svg { transform: scaleX(-1) translateX(3px); }
[dir="rtl"] .us-arrow-prev { left: auto; right: 0; transform: none; }
[dir="rtl"] .us-arrow-next { right: auto; left: 0; }
[dir="rtl"] .us-arrow-next svg { transform: none; }
/* hero slider: "previous" sits on the right, "next" on the left (the track moves the other way too) */
[dir="rtl"] .us-hero-prev { left: auto; right: 0; border-radius: 24px 0 0 24px; }
[dir="rtl"] .us-hero-next { right: auto; left: 0; border-radius: 0 24px 24px 0; }
[dir="rtl"] .us-hero-prev svg { transform: none; }
[dir="rtl"] .us-hero-next svg { transform: scaleX(-1); }
/* the play triangle always points right (it is a symbol, not a direction) */
[dir="rtl"] .live-stage-play-dot svg,
[dir="rtl"] .us-play-disc svg { transform: none; }

/* ── Text that was forced to the left ─────────────────────── */
[dir="rtl"] body.lt-page .hero,
[dir="rtl"] body.lt-page .hero .content,
[dir="rtl"] body.lt-page .hero .content h1,
[dir="rtl"] body.lt-page .hero .content h1 span,
[dir="rtl"] .page .hero,
[dir="rtl"] .legal-page .sec1,
[dir="rtl"] .about-nna,
[dir="rtl"] .single-post .sec1 .article > p,
[dir="rtl"] .single-post .sec1 .side-rail,
[dir="rtl"] .single-post .sec1 .article .author-info,
[dir="rtl"] .single-post .sec1 .article .author-info *,
[dir="rtl"] .us-acct .auth-title,
[dir="rtl"] .us-acct .auth-subtitle,
[dir="rtl"] .us-acct .auth-group,
[dir="rtl"] .us-acct.pay-success .sec1 h1,
[dir="rtl"] .us-acct.pay-success .sec1 p,
[dir="rtl"] .us-acct .account-header,
[dir="rtl"] .us-acct.account .sec1,
[dir="rtl"] #newsletter-banner .nl-card,
[dir="rtl"] .us-acct .card h2,
[dir="rtl"] .us-acct .card h3 { text-align: right; }

/* ── Accent bars, dots and indents that sit on the left ───── */
[dir="rtl"] .single-post .sec1 .article > h2.title:not([lang="en"]),
[dir="rtl"] .single-post .sec1 .article > p { padding-left: 0; padding-right: 20px; }
[dir="rtl"] .single-post .sec1 .article > h2.title:not([lang="en"])::before,
[dir="rtl"] .single-post .sec1 .article > p::before { left: auto; right: 0; }
[dir="rtl"] .single-post .side-module-title { padding-left: 0; padding-right: 13px; }
[dir="rtl"] .single-post .side-module-title::before { left: auto; right: 0; }
[dir="rtl"] .single-post .sec1 .article .author-info .author-title + .author-location::before { margin-right: 0; margin-left: 10px; }
[dir="rtl"] .single-post .side-live-sched-now { margin-left: 0; margin-right: 7px; }
[dir="rtl"] .legal-page .legal-doc li { padding-left: 0; padding-right: 26px; }
[dir="rtl"] .legal-page .legal-doc ul li::before { left: auto; right: 6px; }
[dir="rtl"] .legal-page .legal-doc ol li::before { left: auto; right: 0; }
[dir="rtl"] .legal-page .legal-contact { border-left: 0; border-right: 2px solid #c19114; }
[dir="rtl"] .fp-more { margin-left: 0; margin-right: auto; }
[dir="rtl"] .fp-player-badges { left: auto; right: 16px; }
[dir="rtl"] .fp-guide li.is-now b::after { margin-left: 0; margin-right: 8px; }
[dir="rtl"] .fp-channel-logo,
[dir="rtl"] .fp-chan-intro-logo { object-position: right center; }
[dir="rtl"] .fp-nn-pic .fp-nn-logo { right: auto; left: 8px; }
[dir="rtl"] .fp-tab[aria-selected="true"]::after { left: 18%; right: 18%; }
[dir="rtl"] .fp-tab + .fp-tab::before { left: auto; right: 0; }
[dir="rtl"] .us-rank { left: auto; right: 8px; }
[dir="rtl"] .us-slide-body,
[dir="rtl"] .us-hero-controls { left: auto; right: 8%; }
[dir="rtl"] .us-hero-controls { left: var(--us-gutter); }
[dir="rtl"] .us-slide-shade {
  background:
    linear-gradient(0deg, var(--us-bg) 0%, rgba(11, 13, 15, 0) 28%),
    linear-gradient(270deg, rgba(11, 13, 15, 0.88) 0%, rgba(11, 13, 15, 0.6) 38%, rgba(11, 13, 15, 0) 72%);
}
[dir="rtl"] .us-title-shade {
  background:
    linear-gradient(0deg, var(--us-bg) 0%, rgba(11, 13, 15, 0.6) 30%, rgba(11, 13, 15, 0) 60%),
    linear-gradient(270deg, rgba(11, 13, 15, 0.92) 0%, rgba(11, 13, 15, 0.65) 40%, rgba(11, 13, 15, 0) 75%);
}
[dir="rtl"] .us-dash span::after { transform-origin: right; }
[dir="rtl"] .us-hdr-lang ul { right: auto; left: 0; }
[dir="rtl"] .fp-news-hero::before,
[dir="rtl"] body.lt-page .hero {
  /* the banner's dark side follows the text to the right */
}
[dir="rtl"] .fp-news-hero::before {
  background: linear-gradient(270deg, rgba(8, 11, 18, 0.96) 0%, rgba(8, 11, 18, 0.82) 45%, rgba(8, 11, 18, 0.25) 100%);
}
[dir="rtl"] body.lt-page .hero,
[dir="rtl"] body.lt-page.about .hero {
  background-image:
    linear-gradient(270deg, rgba(8, 11, 18, 0.97) 0%, rgba(8, 11, 18, 0.85) 48%, rgba(8, 11, 18, 0.4) 100%),
    url(../images/home/hero-slides/slide-news.jpg) !important;
}
[dir="rtl"] body.lt-page .hero::after { background: linear-gradient(270deg, #c19114, #e0b23a 30%, rgba(224, 178, 58, 0) 75%); }
[dir="rtl"] .single-post.fp-article .breadcrumb {
  background:
    linear-gradient(270deg, rgba(8, 11, 18, 0.97) 0%, rgba(8, 11, 18, 0.86) 50%, rgba(8, 11, 18, 0.55) 100%),
    var(--fp-art-bg, none) center 30% / cover no-repeat,
    var(--fp-ink);
}

/* ── Header ───────────────────────────────────────────────── */
[dir="rtl"] #main-header nav menu .menu-item .submenu { left: auto; right: 50%; margin-left: 0; margin-right: -105px; }
[dir="rtl"] #main-header nav menu .menu-item .submenu a::before { left: auto; right: 8px; }
[dir="rtl"] #main-header nav menu .menu-item .submenu a:hover { padding-left: 14px; padding-right: 20px; }
[dir="rtl"] #main-header nav menu > a::after,
[dir="rtl"] #main-header nav menu > .menu-item > a::after { transform-origin: right center; }

/* ── Scrolling tickers move the other way ─────────────────── */
/* The market strip is figures: it stays left to right, like the markets themselves. */
[dir="rtl"] .nna-mkts .mk-viewport { direction: ltr; }
[dir="rtl"] .breaking-ticker .bt-track { animation-name: bt-scroll-rtl; }
@keyframes bt-scroll-rtl { from { transform: translateX(0); } to { transform: translateX(50%); } }

/* ── Numbers in the market strip and times stay left to right ─ */
[dir="rtl"] .nna-mkts .mk-price,
[dir="rtl"] .nna-mkts .mk-chg,
[dir="rtl"] .fp-now-time,
[dir="rtl"] .fp-guide time,
[dir="rtl"] .fp-nn-time,
[dir="rtl"] .fp-nn-later li time { direction: ltr; unicode-bidi: isolate; }

/* ── Forms ────────────────────────────────────────────────── */
[dir="rtl"] input[type="email"],
[dir="rtl"] input[type="tel"],
[dir="rtl"] input[type="password"] { direction: ltr; text-align: right; }
[dir="rtl"] input[type="email"]::placeholder,
[dir="rtl"] input[type="tel"]::placeholder,
[dir="rtl"] input[type="password"]::placeholder { direction: rtl; }

/* ── Arabic type: a little more line height, no letter-spacing ─ */
[dir="rtl"] body { line-height: 1.7; }
[dir="rtl"] h1, [dir="rtl"] h2, [dir="rtl"] h3,
[dir="rtl"] .fp-h, [dir="rtl"] .fp-cat, [dir="rtl"] .fp-btn, [dir="rtl"] .fp-tab,
[dir="rtl"] .fp-news-title, [dir="rtl"] .us-row-head, [dir="rtl"] .us-pill,
[dir="rtl"] #main-header nav menu a, [dir="rtl"] .nl-kicker, [dir="rtl"] .fp-live-pill,
[dir="rtl"] .us-browse-kicker, [dir="rtl"] .us-promo-kicker { letter-spacing: 0; }
[dir="rtl"] h1, [dir="rtl"] h2, [dir="rtl"] h3, [dir="rtl"] .fp-title { line-height: 1.35; }

/* Legal pages still waiting for the agency's Arabic: the English document
   under the notice reads left to right (the notice itself stays Arabic). */
[dir="rtl"] .legal-doc:has(> .i18n-notice) > *:not(.i18n-notice) { direction: ltr; text-align: left; }
[dir="rtl"] .legal-doc:has(> .i18n-notice) li { padding-left: 26px; padding-right: 0; }
[dir="rtl"] .legal-doc:has(> .i18n-notice) ul li::before { left: 6px; right: auto; }
[dir="rtl"] .legal-doc:has(> .i18n-notice) ol li::before { left: 0; right: auto; }