/* ==========================================================================
   RTL Styles for Arabic Pages — Mfocus
   Active Design: d06-editorial-serif
   Zero external fonts, pure system Arabic typography stack
   ========================================================================== */

:root {
  /* System Arabic font stack: Segoe UI & Tahoma on Windows, Geeza Pro on Apple, Noto on Android/Linux */
  --font-arabic: "Segoe UI", Tahoma, "Noto Naskh Arabic", "Geeza Pro", "Traditional Arabic", sans-serif;
  --font-display: "Segoe UI", Tahoma, "Noto Naskh Arabic", "Geeza Pro", "Traditional Arabic", sans-serif;
  --font-body: "Segoe UI", Tahoma, "Noto Naskh Arabic", "Geeza Pro", "Traditional Arabic", sans-serif;
  --font-sans: "Segoe UI", Tahoma, "Noto Naskh Arabic", "Geeza Pro", sans-serif;
}

html[dir="rtl"],
body {
  direction: rtl;
  text-align: right;
  font-family: var(--font-arabic);
}

/* Headings and textual elements use Arabic system font stack */
h1, h2, h3, h4, h5, h6,
p, li, a, span, time, button,
.site-brand, .site-description, .card-title,
.card-description, .tag, .article-body,
.medical-disclaimer-content, .sources,
main > article > h1, main > article > h2, main > article p, main > article ul {
  font-family: var(--font-arabic);
}

/* Latin drop caps (initial letters) are disabled for Arabic cursive script */
.article-body > p:first-of-type::first-letter {
  float: none !important;
  font-size: inherit !important;
  line-height: inherit !important;
  margin: 0 !important;
  padding: 0 !important;
  color: inherit !important;
  font-family: inherit !important;
  font-weight: inherit !important;
}

/* Normalise letter-spacing for connected Arabic script */
.site-brand,
.card-meta,
.article-meta,
.tag,
.btn,
.footer-links a,
.footer-socials a,
.card-title {
  letter-spacing: normal;
}

/* Header & navigation in RTL */
.site-nav {
  flex-direction: row;
}

.nav-controls {
  display: inline-flex;
  align-items: center;
  gap: 0.75rem;
}

/* Language switch button displays English in LTR inside RTL header */
.lang-switch {
  direction: ltr;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  letter-spacing: normal;
}

/* Kicker overrides for Arabic */
.site-intro::before {
  content: "النشرة العلمية الموثقة" !important;
  letter-spacing: normal;
}

.medical-disclaimer::before {
  content: "§ إشعار استشاري وقانوني" !important;
  letter-spacing: normal;
}

/* Medical disclaimer box: mirrored borders */
.medical-disclaimer {
  border-left: 1px solid var(--border);
  border-right: 5px solid var(--accent);
  border-radius: 4px 0 0 4px;
  text-align: right;
}

/* Lists indentation: mirrored from left to right */
.article-body ul,
main > article ul {
  padding-left: 0;
  padding-right: 2rem;
}

/* Sources & references section */
.sources {
  text-align: right;
}

.sources h2::before {
  margin-left: 0.5rem;
  margin-right: 0;
}

.sources li {
  padding-left: 0;
  padding-right: 1.25rem;
  text-indent: -1.25rem;
}

/* Tag adjustments */
.tag {
  letter-spacing: normal;
  text-transform: none;
}

/* Mobile responsive alignments */
@media (max-width: 600px) {
  .article-body p {
    text-align: right;
  }
}

/* ==========================================================================
   RTL Styles for Editorial Serif Rich Components
   ========================================================================== */
.hero-kicker,
.hero-title,
.hero-meta,
.hero-description,
.numbers-heading,
.stat-number,
.stat-desc,
.filter-chip,
.at-a-glance-title,
.at-a-glance-list,
.reading-time,
.source-publisher,
.source-year,
.source-claim,
.pagination-sub,
.pagination-title,
.related-rail-title,
.related-title,
.related-meta {
  font-family: var(--font-arabic);
  letter-spacing: normal;
}

/* Featured Hero in RTL */
.featured-hero {
  text-align: right;
}

/* At a Glance Box RTL: mirror accent border */
.at-a-glance {
  border-left: 1px solid var(--border);
  border-right: 5px solid var(--accent);
  text-align: right;
}

.at-a-glance-list {
  padding-left: 0;
  padding-right: 1.5rem;
}

/* Source cards in RTL */
.source-cards-section {
  text-align: right;
}

.source-card {
  text-align: right;
}

.source-domain-link {
  direction: ltr;
  display: inline-flex;
}

/* Pagination in RTL */
.pagination-prev {
  text-align: right;
}

.pagination-next {
  text-align: left;
}

/* Related stories in RTL */
.related-card {
  text-align: right;
}