/* TehranWeb About English v1.4 — scoped LTR localization and precise visual mirroring. */
body.tehranweb-about-template.tw-en-about-page .tw-about-page {
  direction: ltr !important;
  text-align: left;
  unicode-bidi: normal;
}
body.tw-en-about-page .tw-about-page :is(
  .tw-about-hero, .tw-about-hero__container, .tw-about-hero__content,
  .tw-about-intro, .tw-about-intro__grid, .tw-about-intro__content,
  .tw-about-services, .tw-about-services__summary, .tw-about-services__copy,
  .tw-about-journey__header, .tw-about-journey__item,
  .tw-about-team__layout, .tw-about-team__members, .tw-about-team__member-copy,
  .tw-about-global, .tw-about-global__copy, .tw-about-global__benefits,
  .tw-about-final-cta__content, .tw-about-final-cta__actions,
  .tw-about-final-cta__feature
) { direction: ltr !important; }
body.tw-en-about-page .tw-about-hero__content,
body.tw-en-about-page .tw-about-intro__content,
body.tw-en-about-page .tw-about-services__summary,
body.tw-en-about-page .tw-about-services__copy,
body.tw-en-about-page .tw-about-global__copy,
body.tehranweb-about-template.tw-en-about-page #tw-about-final-cta .tw-about-final-cta__content,
body.tw-en-about-page .tw-about-video__video-copy,
body.tw-en-about-page .tw-about-intro__video-copy {
  text-align: left !important;
}
/* Preserve centered headings, statistics, iconography, and the original photographs. */
body.tw-en-about-page .tw-about-page :is(
  .tw-about-values__header, .tw-about-values__card,
  .tw-about-hero__stat, .tw-about-services__header h2,
  .tw-about-journey__header, .tw-about-journey__item,
  .tw-about-team__header, .tw-about-team__member-copy,
  .tw-about-global__benefit, .tw-about-final-cta__feature
) { text-align: center; }
body.tw-en-about-page .tw-about-hero__stats,
body.tw-en-about-page .tw-about-values__grid,
body.tw-en-about-page .tw-about-services__grid,
body.tw-en-about-page .tw-about-journey__track,
body.tw-en-about-page .tw-about-final-cta__features {
  direction: ltr !important;
}
/* Directional arrows only: keep company marks, pictures, play buttons and non-directional symbols intact. */
body.tw-en-about-page :is(
  .tw-about-hero__button--primary,
  .tw-about-intro__cta,
  .tw-about-services__cta,
  .tw-about-services__link,
  .tw-about-final-cta__actions a
) > svg { transform: scaleX(-1); transform-origin: 50% 50%; }
/* Keep numbers and years isolated and readable in English. */
body.tw-en-about-page :is(.tw-about-hero__stat-value,.tw-about-journey__year,.tw-about-journey-mobile__year) {
  direction: ltr !important; unicode-bidi: isolate; font-variant-numeric: lining-nums tabular-nums;
}
body.tw-en-about-page .tw-about-hero__actions,
body.tw-en-about-page .tw-about-final-cta__actions {
  direction: ltr !important;
  justify-content: flex-start;
}
body.tw-en-about-page .tw-about-services__link { direction: ltr !important; }
body.tw-en-about-page .tw-about-journey-mobile { direction: ltr !important; }
body.tw-en-about-page .tw-about-video__dialog { direction: ltr !important; text-align: left !important; }

/* Mirror geometry on wide screens without mirroring or modifying image pixels. */
@media (min-width: 981px) {
  body.tw-en-about-page .tw-about-hero__content {
    margin-inline-start: 0 !important;
    margin-inline-end: auto !important;
    text-align: left !important;
  }
  body.tw-en-about-page .tw-about-intro__grid { direction: ltr !important; }
  body.tw-en-about-page .tw-about-intro__video-card {
    left: auto !important; right: 3.8% !important;
  }
  body.tw-en-about-page .tw-about-intro__video-copy { text-align: left !important; }
  body.tw-en-about-page .tw-about-services__header { direction: rtl !important; }
  body.tw-en-about-page .tw-about-services__summary { direction: ltr !important; text-align: left !important; }
  body.tw-en-about-page .tw-about-services__copy { text-align: left !important; }
  body.tw-en-about-page .tw-about-services__link { left: auto !important; right: 14px !important; }
  body.tehranweb-about-template.tw-en-about-page .tw-about-team__layout,
  body.tehranweb-about-template.tw-en-about-page .tw-about-team__members { direction: ltr !important; }
  body.tw-en-about-page .tw-about-global__copy {
    left: 4.1% !important; right: auto !important;
    direction: ltr !important; text-align: left !important;
  }
  body.tw-en-about-page .tw-about-global__benefits {
    left: 3.3% !important; right: auto !important; direction: ltr !important;
  }
  body.tehranweb-about-template.tw-en-about-page #tw-about-final-cta .tw-about-final-cta__content,
  body.tehranweb-about-template.tw-en-about-page #tw-about-final-cta .tw-about-final-cta__content[data-tw-reveal].is-visible {
    left: 5.1% !important; right: auto !important;
    direction: ltr !important; text-align: left !important;
  }
  body.tw-en-about-page .tw-about-final-cta__brand {
    margin-left: 0 !important; margin-right: auto !important;
  }
}
/* Keep the original Persian team-card styling; only fix the English composition. */
body.tehranweb-about-template.tw-en-about-page .tw-about-team__member {
  max-width: none !important;
  min-width: 0 !important;
  width: 100% !important;
  margin: 0 !important;
  direction: ltr !important;
}
body.tehranweb-about-template.tw-en-about-page .tw-about-team__members {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  direction: ltr !important; /* English reading order, founder card first at the left of the card grid. */
  justify-content: stretch !important;
  min-width: 0 !important;
}
body.tehranweb-about-template.tw-en-about-page .tw-about-team__member-copy,
body.tehranweb-about-template.tw-en-about-page .tw-about-team__member h3,
body.tehranweb-about-template.tw-en-about-page .tw-about-team__member p {
  direction: ltr !important;
  text-align: center !important;
}

/* Only visual backdrops are mirrored. NEVER mirror a section, card, content container, logo or text. */
body.tehranweb-about-template.tw-en-about-page .tw-about-hero__visual,
body.tehranweb-about-template.tw-en-about-page .tw-about-team__ambient,
body.tehranweb-about-template.tw-en-about-page .tw-about-global__visual,
body.tehranweb-about-template.tw-en-about-page .tw-about-final-cta__visual {
  transform: scaleX(-1) !important;
  transform-origin: center center !important;
}
@media (min-width: 981px) {
  body.tehranweb-about-template.tw-en-about-page .tw-about-team__layout {
    direction: ltr !important; /* Quote first (left), cards second (right). */
    grid-template-columns: minmax(270px, 30.8%) minmax(0, 1fr) !important;
    min-width: 0 !important;
    align-items: stretch !important;
  }
  body.tehranweb-about-template.tw-en-about-page .tw-about-team__quote {
    direction: ltr !important;
    text-align: left !important;
  }
  body.tehranweb-about-template.tw-en-about-page .tw-about-team__quote-mark {
    left: 7% !important;
    right: auto !important;
  }
  body.tehranweb-about-template.tw-en-about-page .tw-about-team__linkedin {
    left: auto !important;
    right: 4.5% !important;
  }
}

/* At tablet/mobile widths, retain the original vertical stacking and safe spacing. */
@media (max-width: 980px) {
  body.tw-en-about-page .tw-about-intro__grid,
  body.tw-en-about-page .tw-about-services__header,
  body.tw-en-about-page .tw-about-team__layout {
    direction: ltr !important;
  }
  body.tw-en-about-page .tw-about-intro__video-card {
    left: 4% !important; right: 4% !important;
  }
  body.tw-en-about-page .tw-about-services__summary { text-align: center !important; }
  body.tw-en-about-page .tw-about-global__copy { left: auto !important; right: auto !important; text-align: center !important; }
  body.tw-en-about-page .tw-about-global__benefits { left: auto !important; right: auto !important; }
  body.tehranweb-about-template.tw-en-about-page #tw-about-final-cta .tw-about-final-cta__content {
    left: auto !important; right: auto !important; text-align: center !important;
  }
  body.tw-en-about-page .tw-about-final-cta__actions { justify-content: center; }
}
@media (max-width: 680px) {
  body.tw-en-about-page .tw-about-hero__content,
  body.tw-en-about-page .tw-about-intro__content,
  body.tw-en-about-page .tw-about-services__copy { text-align: left !important; }
  body.tw-en-about-page .tw-about-final-cta__features { direction: ltr !important; }
}

/* Team cards: keep Persian tablet/mobile proportions and English text direction. */
@media (max-width: 980px) {
  body.tehranweb-about-template.tw-en-about-page .tw-about-team__layout {
    grid-template-columns: 1fr !important;
    direction: ltr !important;
  }
  body.tehranweb-about-template.tw-en-about-page .tw-about-team__members {
    grid-template-columns: repeat(2, minmax(0,1fr)) !important;
    direction: ltr !important;
  }
}
@media (max-width: 520px) {
  body.tehranweb-about-template.tw-en-about-page .tw-about-team__members {
    grid-template-columns: repeat(2, minmax(0,1fr)) !important;
  }
}