/*
 * Persian visual parity layer.
 * Local research only.
 * Keep English master CSS unchanged.
 */

@media (min-width: 1101px) {

  html[lang="fa-IR"] header.nav {
    padding-inline: max(28px, calc((100vw - 1240px) / 2)) !important;
  }

}

html[lang="fa-IR"] .hero {
  padding: 105px 24px 80px;
}

html[lang="fa-IR"] .hero h1 {
  font-size: 62px;
  line-height: 1.18;
  max-width: 952px;
}

html[lang="fa-IR"] #etf-market {
  padding-block: 88px;
}

html[lang="fa-IR"] #etf-market h2 {
  font-size: 36px;
  line-height: 1.55;
}

html[lang="fa-IR"] .etf-main .etf-hero h1 {
  font-size: clamp(42px, 4.9vw, 70px);
  line-height: 1.12;
}

@media (max-width: 700px) {

  html[lang="fa-IR"] .hero {
    padding: 55px 16px 40px;
  }

  html[lang="fa-IR"] .hero h1 {
    font-size: clamp(30px, 7vw, 42px);
    line-height: 1.35;
  }

  html[lang="fa-IR"] #etf-market {
    padding-block: 54px;
  }

  html[lang="fa-IR"] .etf-main .etf-hero h1 {
    font-size: clamp(30px, 7vw, 42px);
    line-height: 1.3;
  }

}


/* Step 397: preserve compact Persian ETF heading on mobile */
@media (max-width: 700px) {
  html[lang="fa-IR"] #etf-market h2 {
    font-size: 22px;
    line-height: 1.45;
  }
}


/* Step 402: Persian ETF card readability */
@media (min-width: 701px) {
  html[lang="fa-IR"] .etf-main .etf-card {
    line-height: 1.65;
  }
}


/* Step 406: Persian ETF heading hierarchy */
/* Desktop: match English visual prominence without excess wrapping. */
@media (min-width: 701px) {
  html[lang="fa-IR"] .etf-main .etf-overview-head h2 {
    font-size: 28px;
    line-height: 1.45;
  }

  html[lang="fa-IR"] .etf-main .etf-guide h2 {
    font-size: 30px;
    line-height: 1.45;
  }

  html[lang="fa-IR"] .etf-main .etf-faq h2 {
    font-size: 34px;
    line-height: 1.45;
  }

  html[lang="fa-IR"] .etf-main .etf-methodology h2 {
    font-size: 28px;
    line-height: 1.45;
  }
}

/* Mobile: preserve readable Persian line wrapping. */
@media (max-width: 700px) {
  html[lang="fa-IR"] .etf-main .etf-overview-head h2 {
    font-size: 21px;
    line-height: 1.45;
  }

  html[lang="fa-IR"] .etf-main .etf-guide h2 {
    font-size: 24px;
    line-height: 1.45;
  }

  html[lang="fa-IR"] .etf-main .etf-faq h2 {
    font-size: 26px;
    line-height: 1.45;
  }

  html[lang="fa-IR"] .etf-main .etf-methodology h2 {
    font-size: 24px;
    line-height: 1.45;
  }
}


/* Step 409: isolate historical ETF dates */
html[lang="fa-IR"] .etf-history-row > span:first-child {
  direction: ltr;
  unicode-bidi: isolate;
}


/* Step 416: Persian homepage ETF visual parity */
@media (min-width: 701px) {
  html[lang="fa-IR"] #etf-market .etf-home-head h2 {
    font-size: 36px;
    line-height: 1.55;
  }

  html[lang="fa-IR"] #etf-market .etf-home-head p {
    font-size: 15px;
    line-height: 1.55;
  }

  html[lang="fa-IR"] #etf-market .etf-home-card {
    line-height: 1.55;
  }

  html[lang="fa-IR"] #etf-market .etf-home-value {
    line-height: 1.15;
  }
}

@media (max-width: 700px) {
  html[lang="fa-IR"] #etf-market .etf-home-value {
    font-size: 26px;
    line-height: 1.15;
  }
}


/* Step 420: approved ETF mobile refinement */
@media (max-width: 700px) {
  html[lang="fa-IR"] #etf-market {
    padding-block: 50px;
  }

  html[lang="fa-IR"] #etf-market .etf-home-head h2 {
    font-size: 26px;
    line-height: 1.35;
  }
}

/* PERSIAN_TRACKER_RESPONSIVE_STEP448 */
/* Persian-only tracker heading and filter alignment. */
@media (min-width: 1440px) {
  html[lang="fa-IR"] #scanner #trackerTitle {
    width: max-content;
    max-width: none;
  }
}

@media (min-width: 761px) and (max-width: 1439px) {
  html[lang="fa-IR"] #scanner .tracker-title-row {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 14px;
  }

  html[lang="fa-IR"] #scanner .tracker-title-row > div:first-child {
    width: 100%;
    min-width: 0;
  }

  html[lang="fa-IR"] #scanner #trackerTitle {
    width: auto;
    max-width: 100%;
  }

  html[lang="fa-IR"] #scanner .tracker-tools {
    width: 100%;
    min-width: 0;
    justify-content: flex-start;
  }
}