/*
  QP Network — Urdu Master Typography v3
  Single-font policy for Desktop / Tablet / Smart Phone

  Font family used everywhere:
    Noto Nastaliq Urdu

  Weight usage:
    400 — body / paragraph text
    500 — inputs / select / supporting UI
    600 — headings / navigation / buttons / labels
    700 — deliberate emphasis only

  A single font family is used for Urdu and any unavoidable Latin identifiers.
*/

@import url("https://fonts.googleapis.com/css2?family=Noto+Nastaliq+Urdu:wght@400;500;600;700&display=swap");

:root {
  --qp-ur-font: "Noto Nastaliq Urdu", serif;
}

html[lang="ur"],
html[lang="ur"] body,
html[lang="ur"] body * {
  font-family: var(--qp-ur-font) !important;
}

html[lang="ur"] body {
  font-weight: 400;
}

html[lang="ur"] :where(
  p, li, dd, dt, blockquote, table, td, th,
  .copy, .lead
) {
  font-weight: 400;
}

html[lang="ur"] :where(
  input, textarea, select, option
) {
  font-weight: 500;
}

html[lang="ur"] :where(
  h1, h2, h3, h4, h5, h6,
  nav, .navlinks, .btn, button, .cta,
  label, legend, .eyebrow, .kicker, .top,
  .motto, .ftitle, .status-pill, .num,
  strong, b
) {
  font-weight: 600;
}

html[lang="ur"] :where(
  input::placeholder,
  textarea::placeholder
) {
  font-family: var(--qp-ur-font) !important;
  font-weight: 400;
}

/*
  Font family does not change in any breakpoint.
  Desktop, tablet and smart phone use the same Noto Nastaliq Urdu family.
*/