/* ============================================================
   تفکّر دیوان — site-wide layer (v1.2.0)
   Self-hosted Noori Nastaleeq + RTL + justified reading.
   Loaded on EVERY front-end page, after style.css.
   ============================================================ */
@import url('https://fonts.googleapis.com/css2?family=Noto+Nastaliq+Urdu:wght@400;500;600;700&display=swap');

/* ۱۔ اصل نوری نستعلیق — آپ کے سرور سے، صارف کے ڈیوائس سے بے نیاز。
   @font-face wp_head سے آتا ہے (TFK font URL، ڈومین خودکار) تاکہ سپیس/ڈومین کبھی نہ ٹوٹے۔ */
@font-face{
  font-family:'Tafacur Noori Fallback';
  src:url('https://fonts.cdnfonts.com/s/149204/JameelNooriNastaleeqRegular.woff') format('woff'),
      local('Jameel Noori Nastaleeq'),local('Noto Nastaliq Urdu');
  font-weight:400;font-style:normal;font-display:swap;
}

:root{
  --font-nast:'Tafacur Noori','NooriLocal','Jameel Noori Nastaleeq','Noto Nastaliq Urdu','Noto Urdu','Urdu Typesetting',serif;
  --font-najd:'Tafacur Pencil','Tafacur Najd','Tafacur Noori',serif;
}

/* سرخیاں اور پوسٹ عنوانات — اردو نجد میں */
h1,h2,.hero-sheershak,.shah-surkhi h3,.waraq h3,.gul-card h4,.rail-card b,
.tfk-related>h3,.mohar,.tab,.akhbar-head h2,.majlis-head h2{font-family:var(--font-najd);line-height:1.9;font-weight:700;font-synthesis-weight:auto}

/* مینیو سختی سے RTL — دائیں سے آغاز، اسکرول قدرتی */
.shahrah .container{direction:rtl}
.shahrah-list{direction:rtl;flex-direction:row;justify-content:flex-start;gap:4px}
.shahrah .container .shahrah-list{justify-content:flex-start}
.shahrah-list .sh-item{flex-shrink:0}

/* ۲۔ ہر صفحے پر نوری نستعلیق لازم */
html body,
html body button,html body input,html body select,html body textarea,
.entry-content,.post-content,.page-content,.wp-block-post-content,
.comments-area,.widget,.site-footer{
  font-family:var(--font-nast);
}

/* ۳۔ پورے ویب سائٹ پر RTL */
html body.tfk-own-header{direction:rtl;text-align:right}
.tfk-own-header nav ul,.tfk-own-header .wp-block-navigation,
.tfk-own-header .main-navigation ul{direction:rtl;justify-content:flex-end;flex-wrap:wrap}

/* ۴۔ تحریر برابر (justify) — تمام سطریں ہم‌قد */
.entry-content p,.post-content p,.page-content p,.wp-block-post-content p,
.entry-content li,.wp-block-post-content li{
  text-align:justify;text-justify:inter-word;line-height:2.0;margin-bottom:.4em;
}
.entry-content h1,.entry-content h2,.entry-content h3,
.wp-block-post-content h1,.wp-block-post-content h2,.wp-block-post-content h3{line-height:1.9;margin-bottom:.4em}

/* ۵۔ تھیم کا اپنا ہیڈر چھپائیں — صرف ہمارا مستقل سرنامہ نظر آئے */
.tfk-own-header header.wp-block-template-part,
.tfk-own-header .site-header,
.tfk-own-header #masthead{display:none !important}

/* ۶۔ اندرونی صفحات کے لیے مختصر مستقل سرنامہ (front page پر بڑا والا پہلے سے ہے) */
.masthead.mini{padding:6px 0 8px}
.masthead.mini .logo-callig{font-size:2rem;padding-top:4px}
.masthead.mini .logo-tag{font-size:.85rem}
.masthead.mini .logo-rule em{width:80px}
.masthead.mini .mast-side{min-width:0;font-size:.85rem}

/* ۷۔ زمرہ ریلز (category rails) */
.rail-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.rail-card{background:var(--card);border:1.5px solid var(--lakeer);border-radius:14px;overflow:hidden;box-shadow:var(--shadow);display:flex;flex-direction:column;line-height:2.2}
.rail-card:hover{transform:translateY(-3px);border-color:var(--surkh)}
.rail-card img{width:100%;height:150px;object-fit:cover;display:block;background:var(--kaghaz-2)}
.rail-card b{display:block;font-size:1.05rem;line-height:2.1;padding:8px 12px 0}
.rail-card span{font-size:.82rem;color:var(--siah-halka);padding:0 12px 10px}
@media(max-width:1020px){.rail-grid{grid-template-columns:1fr 1fr}}
@media(max-width:640px){.rail-grid{grid-template-columns:1fr}.rail-card img{height:170px}}

/* ۸۔ متعلقہ تحریریں عنوان سمیت — تھیم کی ننگی تصویری پٹی چھپائیں */
.tfk-own-header .jp-relatedposts,
.tfk-own-header .related-posts,
.tfk-own-header #related-posts,
.tfk-own-header .post-related{display:none !important}
.tfk-related{margin:34px auto 10px;max-width:880px}
.tfk-related>h3{font-size:1.6rem;color:var(--surkh);border-bottom:3px double var(--sunehra);padding-bottom:8px;margin-bottom:14px}
.tfk-related-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
@media(max-width:640px){.tfk-related-grid{grid-template-columns:1fr 1fr}}
.tfk-rel-list{list-style:none}
.tfk-rel-list li a{display:flex;gap:12px;align-items:flex-start;padding:10px 4px;border-bottom:1px dashed var(--lakeer)}
.tfk-rel-list li:last-child a{border:none}
.tfk-rel-num{font-family:var(--font-latin);font-size:1.4rem;color:transparent;-webkit-text-stroke:1.3px var(--sunehra);line-height:1.7;flex-shrink:0}
.tfk-rel-tx b{display:block;font-family:var(--font-najd);font-size:1.15rem;line-height:1.9}
.tfk-rel-tx small{color:var(--siah-halka);font-size:.85rem}
.tfk-rel-list a:hover b{color:var(--surkh)}

/* ۹۔ واحد تحریر: درمیان کہانی، بھری سائیڈ ریلز */
.tfk-single-grid{display:grid;grid-template-columns:230px minmax(0,1fr) 230px;gap:16px;margin:22px 0 40px;align-items:start}
.tfk-story{background:var(--card);border:1.5px solid var(--lakeer);border-radius:20px;padding:30px 34px;box-shadow:var(--shadow);min-width:0}
.tfk-story h1{font-family:var(--font-najd);font-size:2.1rem;line-height:1.9;text-align:center;margin:6px 0}
.tfk-story-meta{text-align:center;color:var(--siah-halka);border-bottom:1.5px dashed var(--lakeer);padding-bottom:10px;margin-bottom:14px}
.tfk-story-img{width:100%;border-radius:14px;border:1.5px solid var(--lakeer);margin-bottom:14px}
.tfk-story-body{font-size:1.15rem}
.tfk-side{display:flex;flex-direction:column;gap:12px;position:sticky;top:86px}
.tfk-side-card{background:var(--card);border:1.5px solid var(--lakeer);border-radius:16px;padding:16px;box-shadow:var(--shadow);line-height:2.2}
.tfk-author-name{font-family:var(--font-najd);font-size:1.3rem}
.tfk-muted{color:var(--siah-halka);font-size:.9rem}
.tfk-cat-list,.tfk-mini-list{list-style:none}
.tfk-cat-list li a,.tfk-mini-list li a{display:flex;justify-content:space-between;gap:8px;padding:5px 0;border-bottom:1px dashed var(--lakeer);font-size:1rem}
.tfk-cat-list li:last-child a,.tfk-mini-list li:last-child a{border:none}
.tfk-cat-list span{font-family:var(--font-latin);color:var(--siah-halka);font-size:.85rem}
.tfk-kitab-mini{display:block;background:linear-gradient(160deg,rgba(122,36,36,.12),var(--card));border:2px solid var(--surkh);text-align:center}
.tfk-kitab-mini b{display:block;font-size:1.2rem;color:var(--surkh)}
body[data-theme="shab"] .tfk-kitab-mini b{color:var(--sunehra-halka)}
@media(max-width:1020px){.tfk-single-grid{grid-template-columns:1fr}.tfk-side{position:static}.tfk-story{order:-1}}

/* ۱۰۔ خلا ختم + قاری حرف-حجم کنٹرول */
.shahrah{margin:10px 0 4px}
body.page-id-5426 .entry-content,body.page-id-5426 .page-content,body.page-id-5426 .wp-block-post-content{margin-top:0;padding-top:0}
body.page-id-5426 .entry-content>:first-child,body.page-id-5426 .wp-block-post-content>:first-child{margin-top:0 !important;padding-top:0 !important}
body.page-id-5426 h1{margin:8px 0 4px}
body.page-id-5426 .vc_row:first-child{padding-top:0 !important}
.tfk-fsize{position:fixed;left:14px;bottom:14px;z-index:600;display:flex;gap:2px;background:var(--card);border:2px solid var(--sunehra);border-radius:999px;padding:3px;box-shadow:var(--shadow)}
.tfk-fsize button{width:34px;height:34px;border-radius:50%;border:1px solid var(--lakeer);background:var(--kaghaz-2);font-family:var(--font-najd);font-size:1.05rem;line-height:1;color:var(--surkh)}
.tfk-fsize button:hover{background:var(--sunehra-halka)}

/* ۱۱۔ آرکائیو صفحات کی نمبرنگ */
.tfk-pagination{text-align:center;margin:8px 0 40px}
.tfk-pagination .page-numbers{display:inline-block;background:var(--card);border:1.5px solid var(--lakeer);border-radius:10px;padding:2px 16px;margin:0 4px;font-size:1.05rem;line-height:2.2}
.tfk-pagination .page-numbers.current{background:var(--surkh);color:#FFF3D6;border-color:var(--surkh);font-weight:700}
.tfk-pagination a.page-numbers:hover{border-color:var(--surkh)}
