/* ltr.css - English layout overrides.
 *
 * Every rule is scoped to html[dir="ltr"], so Hebrew is byte-for-byte unaffected:
 * if this file failed to load, the site would behave exactly as it does today.
 * It exists because the site was written with PHYSICAL properties (right/left)
 * rather than logical ones - `dir="ltr"` alone does not move `right: 14px`.
 */

/* blank the page while English is being applied (see i18n.js) */
html.flyai-i18n-pending body { visibility: hidden; }

html[dir="ltr"] body { text-align: left; }

/* ---- dock: mirrors to the left edge on desktop ---- */
html[dir="ltr"] .dockbar { right: auto; left: 14px; }
@media (max-width: 768px) {
  /* phone dock is centred, so only the centring transform needs mirroring */
  html[dir="ltr"] .dockbar { right: auto; left: 50%; transform: translateX(-50%); }
}
html[dir="ltr"] .sidebar { right: auto; left: 0; }
html[dir="ltr"] .main-content { padding-right: 0; padding-left: 70px; }
@media (max-width: 768px) {
  html[dir="ltr"] .main-content { padding-left: 0 !important; }
}

/* ---- floating assistant button ---- */
html[dir="ltr"] .fly-fab { right: auto; left: 24px; }

/* ---- content column hugs the LEFT (LTR start) ---- */
html[dir="ltr"] .ab-wrap,
html[dir="ltr"] .wrap { margin-right: auto; margin-left: 32px; }
@media (max-width: 1120px) {
  html[dir="ltr"] .ab-wrap,
  html[dir="ltr"] .wrap { margin-right: auto; margin-left: auto; }
}

/* ---- chat bubbles keep their sides, tails flip ---- */
html[dir="ltr"] .chat-message.user { border-bottom-left-radius: 16px; border-bottom-right-radius: 4px; }
html[dir="ltr"] .chat-message.assistant { border-bottom-right-radius: 16px; border-bottom-left-radius: 4px; }

/* ---- misc text alignment that was hard-coded to the Hebrew side ---- */
html[dir="ltr"] .hero-body,
html[dir="ltr"] .pricing-head,
html[dir="ltr"] .day-title { text-align: left; }
html[dir="ltr"] .pricing-features li { text-align: left; }


/* ---- pseudo-element labels (::before/::after content) ----
   CSS-generated text cannot carry data-i18n, so the strings come from custom
   properties and this one rule translates them for the whole site. */
html[dir="ltr"] {
  --i18n-soon: 'Coming soon';
  --i18n-featured: 'Popular';
}