/* KJ Core - the Persian side (/fa/...). Loaded only there, after every other stylesheet.
   Keivan (2026-10-12): "I only want the text be Persian and the LTR become RTL for language. Not the style and
   website buttons and things." So the page keeps the English layout exactly - logo left, menu right, columns,
   pictures and buttons where they are (<html dir="ltr">) - and only the TEXT runs right to left:
     - blocks of reading text (headings, paragraphs, lists) get direction: rtl, so they start at the right edge of
       the box they already had; centred text stays centred;
     - short labels inside the layout (menu, buttons, footer links, the corner card) stay where they are and only
       get the right letter order (unicode-bidi: plaintext - brackets and full stops land on the correct side).
   Do NOT put dir="rtl" on the page or direction on a layout container (rows, grids, the header): that turns the
   whole design around, which is what he asked to undo. */

/* ---------- type ---------- */
body.kj-fa {
	font-family: "Open Sans", Vazirmatn, Tahoma, sans-serif;
	line-height: 1.9;
}
/* Spaced-out letters tear Persian words apart (the letters are joined). */
body.kj-fa,
body.kj-fa * { letter-spacing: 0 !important; }
body.kj-fa h1, body.kj-fa h2, body.kj-fa h3,
body.kj-fa h4, body.kj-fa h5, body.kj-fa h6,
body.kj-fa .elementor-heading-title { line-height: 1.5; }
body.kj-fa .elementor-widget-text-editor { line-height: 2; }
/* Persian has no italic; a slanted copy of the upright letters only looks broken. */
body.kj-fa em, body.kj-fa i:not([class]), body.kj-fa cite, body.kj-fa address { font-style: normal; }
body.kj-fa .elementor-widget-text-editor ol { list-style-type: persian; }
/* Latin runs inside Persian text (model names, commands, phone numbers) keep their own order. */
body.kj-fa [dir="ltr"] { unicode-bidi: isolate; }

/* ---------- reading text of the pages (Elementor): right to left inside its own box ---------- */
body.kj-fa .elementor-widget-heading,
body.kj-fa .elementor-widget-text-editor,
body.kj-fa .elementor-image-box-content,
body.kj-fa .elementor-icon-box-content,
body.kj-fa .entry-header { direction: rtl; }
body.kj-fa .elementor-widget-text-editor ul,
body.kj-fa .elementor-widget-text-editor ol { margin: 0 3em 1.5em 0; }
/* Skill bars keep their place and their number at the right end; the name only needs the right letter order. */
body.kj-fa .elementor-widget-progress .elementor-title { display: block; direction: rtl; text-align: left; }

/* ---------- short labels: same place as in English, correct letter order ---------- */
body.kj-fa .elementor-button-text,
body.kj-fa .elementor-icon-list-text,
body.kj-fa .e-n-tab-title-text,
body.kj-fa .site-title a,
body.kj-fa .main-header-menu .menu-link,
body.kj-fa .kj-menu-desc,
body.kj-fa .kj-footer p,
body.kj-fa .kj-footer h2,
body.kj-fa .kj-footer li a,
body.kj-fa .kj-promo p,
body.kj-fa .kj-promo__button,
body.kj-fa .kj-course__badge,
body.kj-fa .kj-course__meta,
body.kj-fa .kj-course__link,
body.kj-fa .kj-classes__button,
body.kj-fa .kj-contact-form label,
body.kj-fa .kj-contact-form input:not([dir]),
body.kj-fa .kj-contact-form textarea,
body.kj-fa .kj-contact-form button,
body.kj-fa .kj-form-notice { unicode-bidi: plaintext; }

/* a block with plaintext order would also jump to the right; in the dark parts everything stays put */
body.kj-fa .kj-footer p,
body.kj-fa .kj-footer h2,
body.kj-fa .kj-promo p { text-align: left; }

/* ---------- menu ---------- */
@media (min-width: 922px) {
	body.kj-fa .main-header-menu > .kj-mega--tiles > .sub-menu > .kj-mega__feature > .menu-link::before { content: 'با من یاد بگیرید'; font-size: 12px; }
}

/* ---------- Classes list (inc/classes.php): the grids and rows stay, the text inside turns ---------- */
body.kj-fa .kj-classes__head,
body.kj-fa .kj-course__title,
body.kj-fa .kj-course__desc,
body.kj-fa .kj-course__videos,
body.kj-fa .kj-classes__videos-head,
body.kj-fa .kj-videos__buy,
body.kj-fa .kj-videos__course,
body.kj-fa .kj-classes__room-text,
body.kj-fa .kj-classes__room-photos figcaption,
body.kj-fa .kj-classes__steps h2,
body.kj-fa .kj-classes__steps li,
body.kj-fa .kj-classes__cta > div,
body.kj-fa .kj-classes__empty p { direction: rtl; }
/* the English name is the small line under the Persian one, on the same side */
body.kj-fa .kj-course__en,
body.kj-fa .kj-videos__en { text-align: right; font-family: "Open Sans", sans-serif; }

/* ---------- Privacy Policy: its text is still English (i18n/fa/page-3.json), under a Persian note ---------- */
body.kj-fa .kj-fa-ltr { direction: ltr; text-align: left; }
body.kj-fa .kj-fa-note {
	direction: rtl; margin: 0 0 28px; padding: 14px 18px; border-radius: 12px;
	background: rgba(65, 117, 252, .08); border: 1px solid rgba(65, 117, 252, .25); color: #101218;
}
/* rows that are layout, not text, keep the English order even inside a right-to-left block */
body.kj-fa .kj-classes__facts,
body.kj-fa .kj-classes__strip { direction: ltr; }
body.kj-fa .kj-classes__strip span,
body.kj-fa .kj-classes__facts dt,
body.kj-fa .kj-videos__more a { unicode-bidi: plaintext; }