/* RTL overrides for the Arabic homepage.
 *
 * Layered on top of ../home.css, which is shared with the English page. This
 * file should stay short: anything that needs an override here is usually a
 * place where home.css used left/right instead of a logical property, and
 * fixing it there is better than adding a rule here.
 *
 * The typeface is already IBM Plex Sans Arabic on both pages, so nothing about
 * fonts belongs in this file.
 */

/* The nav brand mark sits before the wordmark in both directions: the icon
   leads, because it is the thing people recognise. dir="rtl" already flips
   the flex row, so this only needs the gap to stay symmetrical. */
.nav-brand img { margin-inline-end: 10px; margin-inline-start: 0; }

/* Numerals stay Western on purpose. Egyptian usage is Western digits, the app
   renders them that way (see formatQuantity in app/lib/widgets), and the
   social cards do too. Forcing Arabic-Indic here would make the site the only
   surface that disagrees with itself. */
.step .num,
.waitlist-offer { font-feature-settings: "tnum" 1; }

/* The scroll cue chevron points down in both directions, but the label sits
   after it in RTL without this. */
.scroll-cue { flex-direction: column; }

/* Feature icons lead the card in reading order. home.css gives them a bottom
   margin only, so nothing to flip, but the fifth card's desktop span uses an
   explicit column order that does need it. */
@media (min-width: 681px) {
  .feature-card:last-child { grid-template-columns: auto 1fr; }
}

/* Latin runs inside Arabic sentences: the brand name, Molokheya+, and the
   email placeholder. Marking them LTR stops bidi pulling a trailing "+" or a
   full stop to the wrong end of the phrase. */
.ltr,
.plus-badge,
.waitlist-form input[type="email"] { direction: ltr; unicode-bidi: isolate; }

.waitlist-form input[type="email"] { text-align: right; }
.waitlist-form input[type="email"]::placeholder { direction: ltr; text-align: right; }

/* The dialog close button is positioned with inset-inline-end in home.css, so
   it flips on its own. Nothing needed. */