/* 2026-10-13 Lane A NOTE: no HTML page links this file (census 0 of 7,024 pages).
   Its row-reverse rules would double-flip layouts that are already dir="rtl".
   The live RTL fixes (skip link, overflow, Arabic font) are in main.css.
   Do not link this file without a visual review. */
/* ==========================================================================
   RTL overrides — Arabic (ar-AE, ar-SA, ar-EG) and Urdu (ur-PK)
   Loaded ONLY when <html dir="rtl"> is set by the generator.
   Works as an override layer on top of main.css (LTR-first).
   ========================================================================== */

html[dir="rtl"] {
  text-align: right;
  direction: rtl;
}

html[dir="rtl"] body {
  font-family: "IBM Plex Sans Arabic", "Noto Kufi Arabic", "Noto Sans Arabic", "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
  letter-spacing: 0;
}

html[dir="rtl"][lang^="ur"] body {
  font-family: "Noto Nastaliq Urdu", "Jameel Noori Nastaleeq", "Noto Sans Arabic", "Segoe UI", Tahoma, sans-serif;
  line-height: 1.9;
}

/* ---- Navigation ---- */
html[dir="rtl"] .site-nav ul { padding-right: 0; padding-left: 0; }
html[dir="rtl"] .site-nav li { margin-right: 0; margin-left: 1.25rem; }
html[dir="rtl"] .site-nav li:last-child { margin-left: 0; }
html[dir="rtl"] .logo { margin-right: 0; margin-left: auto; }

/* ---- Breadcrumb ---- */
html[dir="rtl"] .breadcrumb { direction: rtl; }
html[dir="rtl"] .breadcrumb-separator { transform: scaleX(-1); }

/* ---- Cards / grid ---- */
html[dir="rtl"] .card-grid,
html[dir="rtl"] .drug-grid,
html[dir="rtl"] .condition-grid { direction: rtl; }

html[dir="rtl"] .card-icon { margin-right: 0; margin-left: 0.75rem; }
html[dir="rtl"] .card-arrow { transform: scaleX(-1); }

/* ---- Forms ---- */
html[dir="rtl"] label { text-align: right; }
html[dir="rtl"] input[type="text"],
html[dir="rtl"] input[type="email"],
html[dir="rtl"] input[type="tel"],
html[dir="rtl"] textarea,
html[dir="rtl"] select {
  direction: rtl;
  text-align: right;
}
html[dir="rtl"] input[type="email"],
html[dir="rtl"] input[type="tel"],
html[dir="rtl"] input[type="url"] {
  /* email, phone, URL remain LTR inline for readability */
  direction: ltr;
  text-align: right;
  unicode-bidi: plaintext;
}
html[dir="rtl"] .form-field-icon { left: auto; right: 0.75rem; }
html[dir="rtl"] .form-hint { text-align: right; }

/* ---- E-E-A-T partials ---- */
html[dir="rtl"] .eeat-author-box {
  flex-direction: row-reverse;
}
html[dir="rtl"] .eeat-author-photo { margin-right: 0; margin-left: 1rem; }
html[dir="rtl"] .eeat-timestamp { text-align: right; }
html[dir="rtl"] .eeat-citations-list { padding-right: 1.5rem; padding-left: 0; }

/* ---- CTAs / buttons ---- */
html[dir="rtl"] .btn-icon-right { margin-right: 0.5rem; margin-left: 0; transform: scaleX(-1); }
html[dir="rtl"] .btn-icon-left  { margin-left: 0.5rem; margin-right: 0; transform: scaleX(-1); }

/* ---- Lists ---- */
html[dir="rtl"] ul, html[dir="rtl"] ol { padding-right: 1.5rem; padding-left: 0; }

/* ---- Tables ---- */
html[dir="rtl"] table { direction: rtl; }
html[dir="rtl"] th, html[dir="rtl"] td { text-align: right; }
html[dir="rtl"] th:first-child, html[dir="rtl"] td:first-child { padding-right: 0; padding-left: 0.75rem; }

/* ---- Footer ---- */
html[dir="rtl"] .footer-cols { direction: rtl; }
html[dir="rtl"] .footer-col { text-align: right; }
html[dir="rtl"] .footer-social { flex-direction: row-reverse; }

/* ---- Drug/condition labels ---- */
html[dir="rtl"] .drug-label,
html[dir="rtl"] .condition-label { text-align: right; }
html[dir="rtl"] .drug-label dt { float: right; clear: right; }
html[dir="rtl"] .drug-label dd { margin-right: 0.5rem; margin-left: 0; }

/* ---- Numbers and English inline (e.g., drug generic names in Arabic pages) ---- */
html[dir="rtl"] .bidi-ltr,
html[dir="rtl"] .drug-name-en,
html[dir="rtl"] .drug-inn {
  direction: ltr;
  unicode-bidi: embed;
  display: inline-block;
}

/* ---- Hero ---- */
html[dir="rtl"] .hero-cta-row { flex-direction: row-reverse; }
html[dir="rtl"] .hero-copy { text-align: right; }

/* ---- Search ---- */
html[dir="rtl"] .search-input { padding-right: 2.25rem; padding-left: 0.75rem; background-position: right 0.75rem center; }

/* ---- Skip link ---- */
/* 2026-10-13 Lane A: no offset when hidden (clip pattern in main.css); position only on focus */
html[dir="rtl"] .skip-link:focus, html[dir="rtl"] .skip-link:focus-visible { left: auto; right: 12px; }

/* ---- Mobile drawer ---- */
html[dir="rtl"] .mobile-drawer { left: auto; right: 0; transform: translateX(100%); }
html[dir="rtl"] .mobile-drawer.open { transform: translateX(0); }

/* ---- Flip icons that encode direction (arrows, chevrons) ---- */
html[dir="rtl"] .icon-chevron-right,
html[dir="rtl"] .icon-arrow-right { transform: scaleX(-1); }
html[dir="rtl"] .icon-chevron-left,
html[dir="rtl"] .icon-arrow-left  { transform: scaleX(-1); }

/* ---- Do NOT flip ---- */
html[dir="rtl"] .logo img,
html[dir="rtl"] .brand-mark,
html[dir="rtl"] img:not(.rtl-flip),
html[dir="rtl"] video,
html[dir="rtl"] .no-rtl-flip { transform: none !important; }

/* ==========================================================================
   2026-05-13 — Real-selector RTL overrides
   Block above targets planned classnames; live HTML uses different ones.
   Rules below target real classnames in deployed main.css so RTL pages
   don't silently fall back to LTR layout for nav/footer/hero.
   ========================================================================== */

html[dir="rtl"] header.site-header .inner { flex-direction: row-reverse; }
html[dir="rtl"] nav.top { margin-left: 0; margin-right: auto; }
html[dir="rtl"] nav.top a { margin-left: 0; margin-right: 20px; }
@media (max-width: 720px) { html[dir="rtl"] nav.top a { margin-right: 10px; } }
html[dir="rtl"] .nav-explore { margin-left: 0; margin-right: 20px; }
html[dir="rtl"] .nav-explore-menu { text-align: right; }
html[dir="rtl"] .nav-explore-btn::after { margin-left: 0; margin-right: 4px; }

html[dir="rtl"] .detail-header .breadcrumb { direction: rtl; text-align: right; }

html[dir="rtl"] .grid,
html[dir="rtl"] .grid-2,
html[dir="rtl"] .grid-3,
html[dir="rtl"] .grid-4,
html[dir="rtl"] .stats,
html[dir="rtl"] .process,
html[dir="rtl"] .two-col { direction: rtl; }
html[dir="rtl"] .card { text-align: right; }

html[dir="rtl"] .detail-body,
html[dir="rtl"] .container-narrow,
html[dir="rtl"] .pricing-posture,
html[dir="rtl"] .sourcing-posture { text-align: right; }
html[dir="rtl"] .sourcing-posture { border-left: 0; border-right: 2px solid var(--coral); }

html[dir="rtl"] .rm-label,
html[dir="rtl"] .if-label { text-align: right; }
html[dir="rtl"] .if-input,
html[dir="rtl"] .if-textarea { direction: rtl; text-align: right; }
html[dir="rtl"] .if-phone-row { grid-template-columns: 1fr 120px; }
html[dir="rtl"] .if-hp { left: auto; right: auto; clip: rect(0 0 0 0); clip-path: inset(50%); white-space: nowrap; overflow: hidden; width: 1px; height: 1px; }
html[dir="rtl"] .if-radio-group,
html[dir="rtl"] .rm-radio-row { direction: rtl; }
html[dir="rtl"] .if-help { text-align: right; }

html[dir="rtl"] .hero .cta-row { flex-direction: row-reverse; }
html[dir="rtl"] .rm-actions-split { flex-direction: row-reverse; }
html[dir="rtl"] .hero,
html[dir="rtl"] .hero .lede,
html[dir="rtl"] .hero .modalities,
html[dir="rtl"] .hero .eyebrow,
html[dir="rtl"] .hero .manifesto-line,
html[dir="rtl"] .hero .sourcing-one-liner,
html[dir="rtl"] .hero .concierge-channels { text-align: center; }
html[dir="rtl"] .hero .concierge-channels span { margin-right: 0; margin-left: 6px; }

html[dir="rtl"] .trust-strip,
html[dir="rtl"] .advisory-strip { text-align: center; }
html[dir="rtl"] .trust-strip .icons { direction: rtl; }
html[dir="rtl"] .advisory-strip .advisory-seats { direction: rtl; }

html[dir="rtl"] footer.site-footer .cols { direction: rtl; }
html[dir="rtl"] footer.site-footer h5,
html[dir="rtl"] footer.site-footer h2.footer-heading { text-align: right; }
html[dir="rtl"] footer.site-footer a { text-align: right; }
html[dir="rtl"] footer.site-footer .legal { direction: rtl; }

html[dir="rtl"] .index-list { direction: rtl; }
html[dir="rtl"] .index-list .letter { text-align: right; }

html[dir="rtl"] .pb-range,
html[dir="rtl"] .pb-v { direction: ltr; unicode-bidi: embed; display: inline-block; }

html[dir="rtl"] .eeat-ai-disclosure { text-align: right; border-left: 0; border-right: 3px solid #f59e0b; }

html[dir="rtl"] .tb-card-head { flex-direction: row-reverse; }
html[dir="rtl"] .tb-card-body,
html[dir="rtl"] .tb-card-title,
html[dir="rtl"] .tb-card-sub,
html[dir="rtl"] .tb-posture,
html[dir="rtl"] .tb-reviewed { text-align: right; }
html[dir="rtl"] .tb-ai-disclosure { border-left: 0; border-right: 3px solid #f59e0b; text-align: right; }

html[dir="rtl"] .pb-row { flex-direction: row-reverse; }
html[dir="rtl"] .pb-title,
html[dir="rtl"] .pb-sub,
html[dir="rtl"] .pb-note { text-align: right; }

@media (max-width: 820px) { html[dir="rtl"] nav.top a.cta-btn { text-align: center; } }
html[dir="rtl"] nav.top a.nav-search { padding-right: 0.75rem; padding-left: 0.75rem; }

@media (max-width: 820px) {
  html[dir="rtl"] .nav-explore-menu { left: 0; right: 0; text-align: right; }
  html[dir="rtl"] .nav-explore-menu a { text-align: right; }
}

html[dir="rtl"] .detail-disclaimer { text-align: right; }