/* 22Media Premium Pro v6.60 — Urdu typography / readability polish
   Editorial Urdu uses Noto Nastaliq Urdu; compact UI stays on Naskh/Sans Arabic. */

:root{
  --m22-urdu-editorial:"Noto Nastaliq Urdu","Noto Naskh Arabic","Noto Sans Arabic",serif;
  --m22-urdu-reading:"Noto Nastaliq Urdu","Noto Naskh Arabic","Noto Sans Arabic",serif;
  --m22-urdu-ui:"Noto Naskh Arabic","Noto Sans Arabic",Tahoma,Arial,sans-serif;
}

html[lang="ur-PK"] body.m22-lang-ur{
  font-family:var(--m22-urdu-ui)!important;
  font-size:16px;
  line-height:1.9;
  text-rendering:optimizeLegibility;
  -webkit-font-smoothing:antialiased;
}

/* Keep compact controls clean while giving editorial copy a real Urdu newspaper face. */
body.m22-lang-ur .m22-topbar,
body.m22-lang-ur .m22-nav-list,
body.m22-lang-ur .m22-discovery-inner,
body.m22-lang-ur .m22-meta,
body.m22-lang-ur .m22-badge,
body.m22-lang-ur .m22-kicker,
body.m22-lang-ur .m22-eyebrow,
body.m22-lang-ur .m22-panel-head,
body.m22-lang-ur .m22-weather-grid dl,
body.m22-lang-ur button,
body.m22-lang-ur input,
body.m22-lang-ur textarea,
body.m22-lang-ur select{
  font-family:var(--m22-urdu-ui)!important;
  letter-spacing:0!important;
}

body.m22-lang-ur h1,
body.m22-lang-ur h2,
body.m22-lang-ur h3,
body.m22-lang-ur h4,
body.m22-lang-ur .m22-hero-copy h1,
body.m22-lang-ur .m22-hero-mini-copy h3,
body.m22-lang-ur .m22-feature-card h3,
body.m22-lang-ur .m22-card-body h3,
body.m22-lang-ur .m22-pulse-feed h3,
body.m22-lang-ur .m22-only22-copy h3,
body.m22-lang-ur .m22-hub-card h3,
body.m22-lang-ur .m22-article-header h1,
body.m22-lang-ur .m22-article-content,
body.m22-lang-ur .m22-trending-items a span,
body.m22-lang-ur .m22-mostread-panel>a>span,
body.m22-lang-ur .m22-ranked-list a span{
  font-family:var(--m22-urdu-editorial)!important;
  font-style:normal!important;
  letter-spacing:0!important;
  word-spacing:.035em;
}

/* Trending: prevent the Nastaliq baseline from looking crushed between dividers. */
body.m22-lang-ur .m22-trending-strip{direction:rtl!important}
body.m22-lang-ur .m22-trending-items a{
  direction:rtl!important;
  text-align:right!important;
  align-items:center!important;
  min-height:78px!important;
  padding-top:11px!important;
  padding-bottom:11px!important;
}
body.m22-lang-ur .m22-trending-items a span{
  display:block!important;
  font-size:15px!important;
  font-weight:600!important;
  line-height:1.95!important;
  padding-block:2px!important;
  overflow:visible!important;
}
body.m22-lang-ur .m22-trending-title{
  font-family:var(--m22-urdu-ui)!important;
  font-size:13px!important;
  line-height:1.5!important;
}

/* Most-read dark panel: larger rows + calmer line spacing for Urdu headlines. */
body.m22-lang-ur .m22-mostread-panel{direction:rtl!important;text-align:right!important}
body.m22-lang-ur .m22-mostread-panel>a{
  grid-template-columns:minmax(0,1fr) 34px!important;
  gap:12px!important;
  min-height:84px!important;
  padding:13px 0!important;
  align-items:center!important;
}
body.m22-lang-ur .m22-mostread-panel>a>b{
  grid-column:2!important;
  grid-row:1!important;
  font-family:Inter,Arial,sans-serif!important;
  font-size:17px!important;
  line-height:1!important;
  text-align:center!important;
}
body.m22-lang-ur .m22-mostread-panel>a>span{
  grid-column:1!important;
  grid-row:1!important;
  min-width:0!important;
  font-size:16px!important;
  font-weight:600!important;
  line-height:1.95!important;
}
body.m22-lang-ur .m22-mostread-panel small{
  margin-top:3px!important;
  font-family:var(--m22-urdu-ui)!important;
  font-size:10.5px!important;
  font-weight:600!important;
  line-height:1.65!important;
  opacity:.92;
}
body.m22-lang-ur .m22-mostread-panel .m22-panel-head{
  font-size:12.5px!important;
  line-height:1.65!important;
  font-weight:700!important;
  letter-spacing:0!important;
}

/* Editorial cards / lists: make Urdu breathe instead of appearing packed. */
body.m22-lang-ur .m22-card-body h3{
  font-size:19px!important;
  line-height:1.95!important;
  font-weight:600!important;
}
body.m22-lang-ur .m22-feature-card h3{
  line-height:1.9!important;
  font-weight:600!important;
}
body.m22-lang-ur .m22-pulse-feed h3{
  font-size:17px!important;
  line-height:1.95!important;
  font-weight:600!important;
  margin-block:3px 7px!important;
}
body.m22-lang-ur .m22-hero-mini-copy h3{
  line-height:1.9!important;
  font-weight:600!important;
}
body.m22-lang-ur .m22-section-head h2{
  line-height:1.75!important;
  font-weight:600!important;
  padding-block:2px!important;
}
body.m22-lang-ur .m22-hero-copy h1,
body.m22-lang-ur .m22-article-header h1{
  font-weight:600!important;
  line-height:1.72!important;
  text-wrap:balance;
}

/* Article reading: premium Urdu newspaper rhythm. */
body.m22-lang-ur.single-post .m22-article-content{
  font-family:var(--m22-urdu-editorial)!important;
  font-size:20px!important;
  font-weight:500!important;
  line-height:2.45!important;
  word-spacing:.045em!important;
}
body.m22-lang-ur.single-post .m22-article-content p,
body.m22-lang-ur.single-post .m22-article-content li{
  line-height:2.45!important;
}
body.m22-lang-ur.single-post .m22-article-content p{margin-bottom:1.28em!important}
body.m22-lang-ur.single-post .m22-article-content h2{
  font-size:31px!important;
  line-height:1.9!important;
  font-weight:600!important;
}
body.m22-lang-ur.single-post .m22-article-content h3{
  font-size:25px!important;
  line-height:1.9!important;
  font-weight:600!important;
}

/* Inputs and small labels should remain easy to scan; don't use Nastaliq where height is constrained. */
body.m22-lang-ur .m22-nav-list>li>a,
body.m22-lang-ur .m22-nav-list .sub-menu a,
body.m22-lang-ur .m22-footer-v66,
body.m22-lang-ur .m22-mobile-dock,
body.m22-lang-ur .m22-home-command-links,
body.m22-lang-ur .m22-weather-head>a,
body.m22-lang-ur .m22-weather-grid article>div:nth-child(2)>small{
  font-family:var(--m22-urdu-ui)!important;
  letter-spacing:0!important;
}

@media (max-width:700px){
  body.m22-lang-ur .m22-trending-items a{
    min-height:76px!important;
    padding:10px 12px 12px!important;
  }
  body.m22-lang-ur .m22-trending-items a span{
    font-size:15px!important;
    line-height:1.9!important;
  }
  body.m22-lang-ur .m22-mostread-panel>a{min-height:80px!important}
  body.m22-lang-ur .m22-mostread-panel>a>span{font-size:15.5px!important;line-height:1.9!important}
  body.m22-lang-ur .m22-card-body h3{font-size:18px!important;line-height:1.9!important}
  body.m22-lang-ur .m22-pulse-feed h3{font-size:16px!important;line-height:1.9!important}
  body.m22-lang-ur .m22-hero-copy h1{line-height:1.75!important}
  body.m22-lang-ur.single-post .m22-article-content,
  body.m22-lang-ur.single-post .m22-article-content p,
  body.m22-lang-ur.single-post .m22-article-content li{
    font-size:18px!important;
    line-height:2.35!important;
  }
}

@media (max-width:430px){
  body.m22-lang-ur .m22-trending-items a span{font-size:14.5px!important}
  body.m22-lang-ur .m22-section-head h2{font-size:24px!important}
  body.m22-lang-ur .m22-mostread-panel>a>span{font-size:15px!important}
}