/* Alma Labs – right-to-left overrides for the Hebrew pages (/he/…). Loaded after main.min.css / legal.min.css.
   Grid and flex already mirror under dir="rtl"; this file handles what is positioned by hand (corners, dots,
   arrows), swaps the typefaces for Hebrew, and keeps the product windows physical (their screenshots are LTR). */

/* ---------- typefaces: Heebo for everything on the Hebrew site (Jillian, 6 Nov), the big questions included,
   with Geist behind it only as a fallback ---------- */
html[dir="rtl"] {
  --f-q: "Heebo", "Geist", "Helvetica Neue", Arial, sans-serif;
  --f-a: "Heebo", "Geist", "Helvetica Neue", Arial, sans-serif;
  --f-m: "Heebo", "Geist Mono", ui-monospace, Menlo, monospace;
  --pp-he: "Heebo", "Geist", Arial, sans-serif;
}
/* Hebrew letters do not take the tight negative tracking the English design uses */
html[dir="rtl"] .q, html[dir="rtl"] .lead, html[dir="rtl"] h1, html[dir="rtl"] h2, html[dir="rtl"] h3,
html[dir="rtl"] .be-head h2, html[dir="rtl"] .be-feats dt, html[dir="rtl"] .ct-hero h1, html[dir="rtl"] .pp-hero h1 { letter-spacing: 0; }
html[dir="rtl"] .q { line-height: 1.1; font-weight: 300; letter-spacing: -0.015em; }
html[dir="rtl"] .pill span { font-weight: 400; }
/* small label text: no capitals in Hebrew, so a medium weight with a little spacing does the job */
html[dir="rtl"] .chipg, html[dir="rtl"] .vtag, html[dir="rtl"] .tag, html[dir="rtl"] .pp-kicker, html[dir="rtl"] .src, html[dir="rtl"] .rs-type, html[dir="rtl"] .ct-alt dt, html[dir="rtl"] .ct-card .hs-form-field > label { font-family: var(--f-a); font-weight: 500; letter-spacing: .04em; text-transform: none; }

/* ---------- hand-positioned pieces ---------- */
/* The header keeps the English orientation on purpose (Jillian, 5 Nov): logo top-left, Contact + language top-right,
   and the legal/contact page header too. Only the content below reads right-to-left. */
html[dir="rtl"] .pp-top { direction: ltr; }
html[dir="rtl"] .pp-top nav, html[dir="rtl"] .pp-lang { direction: rtl; }
html[dir="rtl"] .vtag { right: auto; left: var(--gut); }
html[dir="rtl"] .nav { margin-right: 0; margin-left: auto; }
html[dir="rtl"].deck .deck-dots { right: auto; left: 14px; }
@media (min-width: 901px) { html[dir="rtl"].deck .be-in { padding-right: var(--gut); padding-left: calc(var(--gut) + 36px); } }
html[dir="rtl"].deck .ch:not(.all-in) .stage-in::before { left: auto; right: 0; }
html[dir="rtl"] .btn:hover b { transform: translateX(-3px); }
html[dir="rtl"] .steps::before { transform-origin: right; }
html[dir="rtl"] .data th, html[dir="rtl"] .data td, html[dir="rtl"] .stack td:first-child, html[dir="rtl"] .stack th:first-child { text-align: right; padding: 6px 0 6px 18px; }
html[dir="rtl"] .giant small { margin-left: 0; margin-right: .04em; }

/* ---------- product windows stay physical: screenshots, screen dots and the little demos are LTR; only the
   caption text inside them reads right-to-left ---------- */
html[dir="rtl"] .sc-win, html[dir="rtl"] .bc-shot { direction: ltr; }
html[dir="rtl"] .sc-note span { direction: rtl; unicode-bidi: plaintext; text-align: right; }

/* ---------- footer ---------- */
html[dir="rtl"] .foot .copy { margin-left: 0; margin-right: auto; unicode-bidi: isolate; }
html[dir="rtl"] .foot-legal-menu { left: auto; right: 0; }
@media (max-width: 600px) { html[dir="rtl"] .foot-legal-menu { right: auto; left: 0; } }
@media (max-width: 900px) { html[dir="rtl"] .foot .copy { margin-right: 0; } }

/* ---------- legal + contact frame ---------- */
html[dir="rtl"] .pp-panel[lang="en"] { direction: ltr; }
html[dir="rtl"] .pp-lang a, html[dir="rtl"] .pp-lang button { font-family: var(--f-a); }
html[dir="rtl"] .ct-card .hs-form { direction: rtl; text-align: right; }
/* HubSpot's newer form embed takes its fonts from these variables */
html[dir="rtl"] { --hsf-global__font-family: "Heebo", "Geist", Arial, sans-serif; --hsf-field-input__font-family: "Heebo", "Geist", Arial, sans-serif; --hsf-field-textarea__font-family: "Heebo", "Geist", Arial, sans-serif; --hsf-field-label__font-family: "Heebo", "Geist", Arial, sans-serif; --hsf-field-label__font-size: 13px; --hsf-richtext__font-family: "Heebo", "Geist", Arial, sans-serif; --hsf-button__font-family: "Heebo", "Geist", Arial, sans-serif; --hsf-field-description__font-family: "Heebo", Arial, sans-serif; --hsf-erroralert__font-family: "Heebo", Arial, sans-serif; }
/* the big serif question on the contact and resources pages: Hebrew has no Instrument Serif, so a light Heebo */
html[dir="rtl"] .ct-hero h1, html[dir="rtl"] .rs-hero h1 { font-family: var(--pp-he); font-weight: 300; line-height: 1.08; }
html[dir="rtl"] .ct-hero h1 em, html[dir="rtl"] .rs-hero h1 em { font-style: normal; font-weight: 500; }
html[dir="rtl"] .rs-hero .ct-sub a[dir="ltr"] { unicode-bidi: isolate; }
html[dir="rtl"] .ct-card .hs-form input, html[dir="rtl"] .ct-card .hs-form textarea, html[dir="rtl"] .ct-card .hs-form select { direction: rtl; text-align: right; font-family: var(--f-a); }
html[dir="rtl"] .ct-card .hs-form input[type="email"] { direction: ltr; text-align: left; }

/* ---------- accessibility toolbar: the panel opens from the same corner, Hebrew strings come from the script ---------- */
html[dir="rtl"] .a11y-panel { direction: rtl; text-align: right; }

/* ---------- HubSpot cookie banner on the Hebrew pages: read right-to-left once its text is Hebrew (set in HubSpot's
   banner settings as a second policy for /he); the banner itself is injected by HubSpot, so only direction is ours ---------- */
html[dir="rtl"] #hs-eu-cookie-confirmation, html[dir="rtl"] #hs-eu-cookie-confirmation-inner, html[dir="rtl"] #hs-modal-content,
html[dir="rtl"] #hs-eu-cookie-confirmation p, html[dir="rtl"] #hs-eu-policy-wording { direction: rtl !important; text-align: right !important; font-family: "Geist", "Heebo", Arial, sans-serif !important; }
html[dir="rtl"] #hs-eu-cookie-confirmation-buttons-area { direction: rtl !important; text-align: right !important; }