/*
 * English pages (/en/…) only — enqueued by inc/lang-io.php.
 *
 * The fund design is written with logical properties, so <html dir="ltr">
 * mirrors almost all of it by itself. This file is the rest: a Latin font
 * (DanaFaNum draws even 0-9 as Persian digits), and the few spots that are
 * hard-wired for right-to-left or are Persian-only.
 */

@font-face { font-family: 'Inter'; font-style: normal; font-weight: 400; font-display: swap; src: url('../fonts/inter/inter-latin-400.woff2') format('woff2'); }
@font-face { font-family: 'Inter'; font-style: normal; font-weight: 500; font-display: swap; src: url('../fonts/inter/inter-latin-500.woff2') format('woff2'); }
@font-face { font-family: 'Inter'; font-style: normal; font-weight: 600; font-display: swap; src: url('../fonts/inter/inter-latin-600.woff2') format('woff2'); }
@font-face { font-family: 'Inter'; font-style: normal; font-weight: 700; font-display: swap; src: url('../fonts/inter/inter-latin-700.woff2') format('woff2'); }
@font-face { font-family: 'Inter'; font-style: normal; font-weight: 800; font-display: swap; src: url('../fonts/inter/inter-latin-800.woff2') format('woff2'); }

/* Persian left on the page (a name, the «فا» switcher) falls through to Dana. */
html[lang^="en"] body {
	font-family: 'Inter', 'DanaFaNum', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
}
html[lang^="en"] :is(h1, h2, h3, .hero__title, .section__title, .bento-head__title) {
	letter-spacing: -.02em;
}

/* Persian-only pieces: the toman rate and the Enamad badge (Iranian trust seal). */
.lang-en .ticker-tape__toman,
.lang-en .mega-rate,
.lang-en .footer-badges {
	display: none !important;
}

/* main.css pins the chart tooltip to rtl. */
.lang-en .chart-tip {
	direction: ltr;
}

/* Home: the contact card that replaces the phone form. */
.lead-panel__card--contact {
	display: grid;
	align-content: center;
	gap: 12px;
}
.lead-panel__card--contact .btn {
	gap: 8px;
}
.lead-panel__card--contact .btn svg {
	width: 20px;
	height: 20px;
}

/* main.css hides the skip link at right: -9999px — in LTR that is a 10,000px
   sideways scroll. Park it off the left edge instead. */
.lang-en .skip-link { right: auto; left: -9999px; }
.lang-en .skip-link:focus { left: 10px; }

/* Marquees: the RTL keyframes slide the track right; LTR slides it left. */
@keyframes bf-marquee-ltr { from { transform: translateX(0); } to { transform: translateX(-50%); } }
.lang-en .ticker-tape__track,
.lang-en .tc-logos__track,
.lang-en .tc-badges__track { animation-name: bf-marquee-ltr; }

/* Floating buttons: bottom-left is the quiet corner in RTL; in LTR it covers
   the start of every line, so move them to the right. */
.lang-en .floating-cta { inset-inline-start: auto; inset-inline-end: 22px; }

/* English labels run longer than Persian, so the header keeps one CTA
   (Telegram). "Email us" stays in the mobile menu and on the pages. */
.lang-en .site-header__cta .btn--ghost { display: none; }

/* …which puts them over the end of the footer's bottom row (the «فارسی»
   switcher). Keep that row clear of the stack. */
.lang-en .site-footer__bottom { padding-inline-end: 76px; }

/* megamenu-io.css resets every mega link to font: inherit, which leaves the
   «Sign up» button thin at 16px; in Inter it reads as plain text. */
.lang-en .main-nav__list .bitfa-mega .btn { font-size: 14px; font-weight: 700; }

/* /en/contact-us/: Telegram and email in place of the phone form. */
.contact__form--en { display: grid; align-content: start; gap: 14px; }
.contact__form--en p { margin: 0 0 6px; color: var(--muted, #6f7378); line-height: 1.8; }
.contact__form--en .btn { gap: 8px; }
.contact__form--en .btn svg { width: 20px; height: 20px; }

/* Legacy (Tailwind) templates draw "forward" with left-pointing icon-font
   glyphs (and back with right-pointing ones), and the rules headings rotate a play icon 180° to point left. In
   left-to-right English, forward points right. */
.lang-en [class*="bitfaicon-arrow-left"],
.lang-en [class*="bitfaicon-chevron-left"],
.lang-en [class*="bitfaicon-angle-left"],
.lang-en [class*="bitfaicon-arrow-right"],
.lang-en [class*="bitfaicon-chevron-right"],
.lang-en [class*="bitfaicon-angle-right"] {
	display: inline-block;
	transform: scaleX(-1);
}
.lang-en .bitfaicon-play.rotate-180 { rotate: none; transform: none; }

/* Review heroes (props, exchanges): the Persian title ends with the Latin
   name as a small grey label; in English the name leads the title, so let
   it read as part of it. */
.lang-en :is(.px-shero__title, .px-hero__title) span[dir="ltr"] { font-size: inherit; color: inherit; font-weight: inherit; }