/* Arabic landing only — loaded when html[dir="rtl"] */

html[dir="rtl"] {
    direction: rtl;
}

/* ------------------------------------------------------------------
   English leftovers stay LTR (position, order, and glyph direction)
   ------------------------------------------------------------------ */
html[dir="rtl"] .lp-hero__discover,
html[dir="rtl"] .lp-hero__elegance,
html[dir="rtl"] .lp-hero__built,
html[dir="rtl"] .lp-hero__actions,
html[dir="rtl"] .lp-header__actions,
html[dir="rtl"] .lp-lang,
html[dir="rtl"] .lp-faq__badge,
html[dir="rtl"] .lp-testimonials,
html[dir="rtl"] .lp-footer,
html[dir="rtl"] .lp-taleen__watermark,
html[dir="rtl"] .lp-taleen__watermark-outline,
html[dir="rtl"] .lp-modules__num {
    direction: ltr;
    unicode-bidi: isolate;
}

html[dir="rtl"] .lp-hero__discover,
html[dir="rtl"] .lp-hero__elegance,
html[dir="rtl"] .lp-hero__built {
    text-align: left;
}

/* ------------------------------------------------------------------
   Arabic copy: start from the right, keep designed photo sides
   ------------------------------------------------------------------ */
html[dir="rtl"] .lp-hero__cta,
html[dir="rtl"] .lp-video__text,
html[dir="rtl"] .lp-video__cta,
html[dir="rtl"] .lp-curriculum__copy,
html[dir="rtl"] .lp-curriculum__label,
html[dir="rtl"] .lp-curriculum__title,
html[dir="rtl"] .lp-curriculum__body,
html[dir="rtl"] .lp-modules__heading,
html[dir="rtl"] .lp-modules__label,
html[dir="rtl"] .lp-modules__subtitle,
html[dir="rtl"] .lp-modules__item p,
html[dir="rtl"] .lp-modules__cta,
html[dir="rtl"] .lp-unique__title,
html[dir="rtl"] .lp-unique__item p,
html[dir="rtl"] .lp-transform__title,
html[dir="rtl"] .lp-transform__body,
html[dir="rtl"] .lp-transform__cta,
html[dir="rtl"] .lp-instructor__btn,
html[dir="rtl"] .lp-science__body,
html[dir="rtl"] .lp-science__quote,
html[dir="rtl"] .lp-taleen__label,
html[dir="rtl"] .lp-taleen__body,
html[dir="rtl"] .lp-faq__title,
html[dir="rtl"] .lp-faq__q,
html[dir="rtl"] .lp-faq__item p,
html[dir="rtl"] .lp-nav a {
    direction: rtl;
    unicode-bidi: isolate;
    text-align: right;
}

html[dir="rtl"] .lp-curriculum__title,
html[dir="rtl"] .lp-science__body,
html[dir="rtl"] .lp-science__quote,
html[dir="rtl"] .lp-taleen__label,
html[dir="rtl"] .lp-faq__title,
html[dir="rtl"] .lp-faq__q {
    letter-spacing: 0;
}

html[dir="rtl"] .lp-curriculum__body,
html[dir="rtl"] .lp-unique__item p {
    text-align: justify;
    text-align-last: right;
}

html[dir="rtl"] .lp-hero__cta,
html[dir="rtl"] .lp-video__cta,
html[dir="rtl"] .lp-modules__cta,
html[dir="rtl"] .lp-transform__cta,
html[dir="rtl"] .lp-instructor__btn,
html[dir="rtl"] .lp-faq__title {
    text-align: center;
}

/* ------------------------------------------------------------------
   Video — pin the Arabic cluster to the right edge
   ------------------------------------------------------------------ */
html[dir="rtl"] .lp-video__bottom {
    left: auto;
    right: 7.8125%;
}

html[dir="rtl"] .lp-video__mark {
    align-self: flex-end;
}

/* ------------------------------------------------------------------
   Curriculum / modules headings — align to the inline start (right)
   ------------------------------------------------------------------ */
html[dir="rtl"] .lp-curriculum__copy,
html[dir="rtl"] .lp-curriculum__heading,
html[dir="rtl"] .lp-modules__heading,
html[dir="rtl"] .lp-transform__copy {
    align-items: stretch;
}

html[dir="rtl"] .lp-modules__subtitle {
    max-width: 100%;
}

/* Numbered modules: 01 sits on the right of the Arabic line */
html[dir="rtl"] .lp-modules__item {
    flex-direction: row;
}

html[dir="rtl"] .lp-modules__num {
    text-align: left;
}

/* Img 1 — CTA lines up with the right edge of the module text */
html[dir="rtl"] .lp-modules__cta {
    left: auto;
    right: 41.6875%;
}

/* ------------------------------------------------------------------
   Img 2 — Unique copy starts at the menu inset (7.8125% from the right)
   ------------------------------------------------------------------ */
html[dir="rtl"] .lp-unique__title {
    left: auto;
    right: 7.8125%;
    width: 36%;
}

html[dir="rtl"] .lp-unique__list {
    left: auto;
    right: 7.8125%;
    width: 41.328125%;
}

html[dir="rtl"] .lp-unique__bar {
    border-radius: 999px 0 0 999px;
}

/* ------------------------------------------------------------------
   Img 3 — title on the right, description + button to its left
   ------------------------------------------------------------------ */
html[dir="rtl"] .lp-transform__title {
    left: auto;
    right: 7.8125%;
    width: 22%;
}

html[dir="rtl"] .lp-transform__copy {
    left: auto;
    right: calc(7.8125% + 22% + 1.6vw);
    width: 22%;
    align-items: stretch;
}

/* ------------------------------------------------------------------
   Img 4 — instructor buttons sit a little to the left of the copy box
   ------------------------------------------------------------------ */
html[dir="rtl"] .lp-instructor__actions {
    align-self: flex-end;
    margin-right: 2.5vw;
}

html[dir="rtl"] .lp-instructor__btn {
    padding: 10px 18px 10px 38px;
    text-transform: none;
}

html[dir="rtl"] .lp-instructor__btn:last-child {
    padding-left: 48px;
    padding-right: 48px;
}

/* ------------------------------------------------------------------
   Img 5 — cards stay RTL inside; track stays LTR so swipe can scroll
   ------------------------------------------------------------------ */
html[dir="rtl"] .lp-science__track {
    direction: ltr;
}

html[dir="rtl"] .lp-science__card {
    flex-direction: row-reverse;
    direction: rtl;
}

html[dir="rtl"] .lp-science__title {
    letter-spacing: 0;
}

/* ------------------------------------------------------------------
   Taleen copy
   ------------------------------------------------------------------ */
html[dir="rtl"] .lp-taleen__copy {
    align-items: stretch;
}

/* ------------------------------------------------------------------
   Img 6 — FAQ wraps fully; icon on the right
   ------------------------------------------------------------------ */
html[dir="rtl"] .lp-faq__item {
    height: auto;
    min-height: 69.274px;
    overflow: visible;
}

html[dir="rtl"] .lp-faq__item[open] {
    height: auto;
    min-height: 128.652px;
}

html[dir="rtl"] .lp-faq__item summary {
    flex-direction: row;
    direction: ltr;
    align-items: center;
    justify-content: flex-start;
    gap: 16px;
}

html[dir="rtl"] .lp-faq__q {
    direction: rtl;
    text-align: left;
    flex: 1;
    min-width: 0;
    white-space: normal;
    overflow: visible;
    text-overflow: unset;
    line-height: 1.35;
}

html[dir="rtl"] .lp-faq__toggle {
    margin-left: auto;
    margin-right: 0;
    flex-shrink: 0;
}

html[dir="rtl"] .lp-faq__item p {
    text-align: right;
    direction: rtl;
}

/* ------------------------------------------------------------------
   Nav overlay — Arabic links read RTL
   ------------------------------------------------------------------ */
html[dir="rtl"] .lp-nav {
    text-align: center;
}

html[dir="rtl"] .lp-nav a {
    text-align: center;
}

html[dir="rtl"] .lp-nav__auth {
    direction: rtl;
}

html[dir="rtl"] .lp-nav .lp-lang {
    direction: ltr;
    unicode-bidi: isolate;
}

/* Arabic headings use PT Bold Heading. Paragraphs stay on Almarai. */
@font-face {
    font-family: 'PTBoldHeadingArabic';
    font-style: normal;
    font-weight: 400 800;
    font-display: swap;
    src: url('https://db.onlinewebfonts.com/t/88a4c8a37d9dce035d02c806028fc60f.woff2') format('woff2'),
         url('https://db.onlinewebfonts.com/t/88a4c8a37d9dce035d02c806028fc60f.ttf') format('truetype');
    unicode-range: U+0600-06FF, U+0750-077F, U+0870-088E, U+0890-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC;
}

html[dir="rtl"] h1,
html[dir="rtl"] h2,
html[dir="rtl"] h3,
html[dir="rtl"] h4,
html[dir="rtl"] h5,
html[dir="rtl"] h6,
html[dir="rtl"] .lp-curriculum__label,
html[dir="rtl"] .lp-curriculum__title,
html[dir="rtl"] .lp-modules__label,
html[dir="rtl"] .lp-modules__subtitle,
html[dir="rtl"] .lp-unique__title,
html[dir="rtl"] .lp-transform__title,
html[dir="rtl"] .lp-instructor__label,
html[dir="rtl"] .lp-instructor__title,
html[dir="rtl"] .lp-science__title,
html[dir="rtl"] .lp-taleen__label,
html[dir="rtl"] .lp-faq__title,
html[dir="rtl"] .lp-testimonials__title {
    --lp-arabic: 'PTBoldHeadingArabic',;
}

html[dir="rtl"] .lp-faq__q {
    --lp-arabic: 'AlmaraiArabic',;
}

html[dir="rtl"] .lp-instructor__heading {
    width: min(100%, 382px);
    align-self: flex-end;
    margin-right: 2.5vw;
    text-align: right;
}

html[dir="rtl"] .lp-instructor__label,
html[dir="rtl"] .lp-instructor__title {
    text-align: right;
    letter-spacing: 0;
    max-width: 100%;
}