/* Pashto main — RTL overlay on top of the shared es base. */
@import url("/assets/css/es/main.css");

[dir="rtl"] .main {
  direction: rtl;
}

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

[dir="rtl"] .cta-row {
  flex-direction: row;
}

[dir="rtl"] .compare-table th,
[dir="rtl"] .compare-table td {
  text-align: right;
}

[dir="rtl"] ul,
[dir="rtl"] ol {
  padding-inline-start: 1.4em;
  padding-inline-end: 0;
}

[dir="rtl"] .context-links a,
[dir="rtl"] .card {
  text-align: right;
}

[dir="rtl"] .latin,
[dir="rtl"] code,
[dir="rtl"] kbd,
[dir="rtl"] [lang="en"] {
  unicode-bidi: isolate;
  direction: ltr;
}

[dir="rtl"] .ad-center,
[dir="rtl"] .ad-inner {
  max-width: 100%;
  overflow-x: hidden;
}

/* Pashto pilot: breadcrumbs, direct answer, hub link blurbs.
   Scoped to html[lang="ps"] so no other locale is affected. */
html[lang="ps"] body { line-height: 1.95; }
html[lang="ps"] h1, html[lang="ps"] h2, html[lang="ps"] p, html[lang="ps"] li { line-height: 2; }

html[lang="ps"] .ps-crumbs { font-size: 13px; color: #6b7280; margin: 0 0 12px; text-align: right; }
html[lang="ps"] .ps-crumbs a { color: #0f766e; text-decoration: none; }
html[lang="ps"] .ps-crumbs a:hover { text-decoration: underline; }

html[lang="ps"] .page-updated { font-size: 12px; color: #8a8a8a; margin: 10px 0 0; }

html[lang="ps"] .direct-answer-box { background: #f0fdfa; border: 1px solid #99f6e4; border-radius: 12px; padding: 18px 20px; margin: 16px 0 4px; }
html[lang="ps"] .direct-answer-label { margin: 0 0 6px; font-size: 12px; font-weight: 700; color: #0f766e; }
html[lang="ps"] .direct-answer-text { margin: 0 0 8px; font-size: 16px; line-height: 2; color: #1f2937; }
html[lang="ps"] .direct-answer-text:last-child { margin-bottom: 0; }

html[lang="ps"] .context-links a { display: block; text-align: right; }
html[lang="ps"] .link-blurb { display: block; margin-top: 4px; font-size: 13px; line-height: 1.9; color: #6b7280; }

/* Bidi: Latin runs and numbers inside RTL prose are isolated in the DOM via <bdi>. These rules
   only reinforce it for elements that cannot carry <bdi>. */
html[lang="ps"] bdi { unicode-bidi: isolate; }
html[lang="ps"] time, html[lang="ps"] code, html[lang="ps"] .ad-label { unicode-bidi: isolate; }
