/* ── RTL overrides for the Hebrew (/he/) pages ────────────────────────────
   Loaded last, only by pages under /he/, so it wins on equal specificity
   against both style.css and each page's inline <style>. The English pages
   never load this file.

   Scope note: direction itself comes from <html dir="rtl">. What's here is
   the set of things dir alone doesn't flip — hard-coded left/right offsets,
   text-align, borders, and the mono/terminal blocks that should stay LTR
   because their content is code. */

/* Latin-script runs inside Hebrew text (AWS, Kubernetes, CI/CD, sdgops.io)
   need explicit isolation or the bidi algorithm reorders trailing
   punctuation — a sentence ending in "…on AWS." renders as ".AWS on". */
.ltr,
code,
kbd,
samp {
  direction: ltr;
  unicode-bidi: isolate;
  display: inline-block;
}

/* Terminal windows and code blocks are code, not prose — keep them LTR
   wholesale rather than letting individual lines flip. */
.terminal-window,
.terminal-body,
.terminal-bar,
.t-out,
.t-cmd,
.t-prompt,
pre {
  direction: ltr;
  text-align: left;
}

.terminal-title { text-align: left; }

/* Section labels ("// podcast") stay ASCII on the Hebrew pages too — they're
   decorative code markers, part of the terminal aesthetic, and translating
   them just picks a bidi fight over the leading slashes for no gain. */
.section-label,
.topic-icon {
  direction: ltr;
  text-align: right;
}

/* Nav needs no flex override: dir="rtl" already reverses the main axis, so
   the logo lands on the right on its own. An explicit row-reverse here would
   flip it back to the left — that was the bug. */

/* Hero: the English layout puts the terminal left and photos right; mirror. */
.hero-inner {
  direction: rtl;
}

.hero-sub,
.hero-title {
  text-align: right;
}

.hero-eyebrow {
  direction: rtl;
  text-align: right;
  letter-spacing: 0;
}

/* FAQ: the +/− marker and the answer indent both live on the wrong side. */
.faq-a {
  padding-right: 3.2rem;
  padding-left: 1.35rem;
  text-align: right;
}

.faq-item summary {
  text-align: right;
}

.faq-list {
  text-align: right;
}

/* Cards and grids: text alignment only — grid order follows dir automatically. */
.post-card,
.project-card,
.topic-card,
.value-card,
.option-card,
.service-card,
.link-card,
.stat-card,
.price-card {
  text-align: right;
}

/* Footer rows likewise inherit the flipped axis from dir="rtl". */

/* Hebrew renders small at the same px size as Latin; nudge body copy up a
   touch and loosen the line height, which RTL scripts need more of. */
body {
  font-size: 1.03rem;
  line-height: 1.85;
}

@media (max-width: 600px) {
  .faq-a { padding-right: 2.6rem; padding-left: 1.1rem; }
}
