/*
Theme Name: BS Urdu News
Version: 1.1.0
Description: Responsive Urdu news theme with seven category sections.
Author: BS Urdu
Text Domain: bs-urdu-news
*/
:root{--red:#b71927;--ink:#14212c;--muted:#61707b;--line:#e1e5e8}*{box-sizing:border-box}body{margin:0;background:#f5f6f7;color:var(--ink);font-family:"Noto Nastaliq Urdu","Noto Naskh Arabic",Tahoma,Arial,sans-serif;line-height:2;direction:rtl}a{color:inherit;text-decoration:none}a:hover{color:var(--red)}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #e9a52e;outline-offset:4px}.wrap{max-width:1200px;margin:auto;padding:0 24px}.top{background:var(--ink);color:white;font:14px/2 Tahoma,sans-serif;padding:6px 0}.masthead{background:white;padding:24px 0}.masthead .wrap{display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{font-size:44px;font-weight:800;color:var(--red);line-height:1.6}.tagline{color:var(--muted);margin:0;font-size:15px}.search-form{display:flex;gap:6px}.search-field{min-width:0;width:210px;padding:10px;border:1px solid var(--line);border-radius:3px;font:inherit;font-size:14px}.search-submit,button{background:var(--red);color:white;border:0;padding:8px 16px;cursor:pointer;font:inherit}.nav{background:var(--red);color:white}.nav .wrap{display:flex;flex-wrap:wrap;gap:0}.nav a{padding:12px 22px;color:white;font-weight:bold}.nav a:hover{background:#8e1420}.intro{margin:28px 0;background:var(--ink);color:white;border-right:6px solid var(--red);padding:30px 36px}.intro h1{font-size:32px;margin:0 0 10px}.intro p{margin:0;color:#d8e0e5}.section{margin:34px 0}.section-head{display:flex;align-items:center;justify-content:space-between;border-bottom:2px solid var(--ink);margin-bottom:18px}.section-head h2{margin:0;border-bottom:4px solid var(--red);padding-bottom:10px;font-size:25px}.section-head a{font-size:14px;color:var(--red)}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.card{background:white;border:1px solid var(--line);overflow:hidden;border-radius:4px}.card img{width:100%;aspect-ratio:16/10;object-fit:cover;display:block}.card-body{padding:20px}.card h3{font-size:21px;line-height:2;margin:8px 0}.meta{color:var(--muted);font-size:12px}.card p{font-size:15px;color:#4a5964}.empty{background:white;border:1px dashed #c6cdd2;padding:22px;color:var(--muted);width:100%}.category-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.category-tile{background:white;border:1px solid var(--line);border-top:3px solid var(--red);padding:20px}.category-tile strong{display:block;font-size:22px}.category-tile span{font-size:13px;color:var(--muted)}.article{max-width:860px;margin:32px auto;background:white;padding:36px}.article h1{font-size:34px}.article img{max-width:100%;height:auto}.article-content{font-size:19px}.article-content a{text-decoration:underline;color:var(--red)}.footer{background:var(--ink);color:white;padding:34px 0;margin-top:50px}.footer .brand{color:white;font-size:28px}.footer p{color:#c2ccd4;font-size:14px}.footer-nav{display:flex;gap:20px;flex-wrap:wrap}.footer-nav a{color:#dce4ea;font-size:14px}.skip{position:absolute;top:-100px}.skip:focus{top:0;background:white;padding:15px;z-index:1000}.pagination{margin:25px 0}.pagination .page-numbers{padding:8px 16px;background:white;border:1px solid var(--line)}@media(max-width:760px){.wrap{padding:0 16px}.masthead .wrap{display:block}.brand{font-size:35px}.search-form{margin-top:18px}.search-field{width:100%}.nav a{padding:10px 13px;font-size:14px}.grid{grid-template-columns:1fr}.category-grid{grid-template-columns:repeat(2,1fr)}.intro{padding:22px}.intro h1{font-size:25px}.article{padding:22px;margin:20px 16px}.article h1{font-size:27px}}
@font-face{font-family:'BS Nastaliq';src:url('assets/noto-nastaliq-urdu.ttf') format('truetype');font-weight:400 700;font-style:normal;font-display:swap}body{font-family:'BS Nastaliq','Noto Nastaliq Urdu',serif;line-height:2.7}.brand{line-height:2.3}.masthead{padding:18px 0 28px}.tagline{line-height:2.6}.nav a{padding:10px 20px;line-height:2.7}.intro h1{line-height:2.5}.intro p{max-width:900px;line-height:3}.section-head{gap:18px}.section-head h2{line-height:2.6}.section-head a{white-space:nowrap}.card h3{line-height:2.6}.card p{line-height:2.8}.category-tile{padding:22px}.category-tile strong{line-height:2.7}.category-tile span{display:block;line-height:2.7}.article{line-height:3}.article h1{line-height:2.6}.article-content h2{font-size:25px;line-height:2.8;margin-top:28px}.article-content h3{font-size:21px}.article-content li{margin:12px 0}.article-content p{margin:20px 0}.article-content a{overflow-wrap:anywhere}.article-layout{display:grid;grid-template-columns:minmax(0,860px) minmax(230px,300px);gap:28px;max-width:1200px;margin:32px auto;padding:0 24px}.article-layout .article{margin:0;min-width:0}.aside{padding-top:30px}.aside-box{background:white;border:1px solid var(--line);padding:20px;margin-bottom:30px}.aside h2{font-size:22px}.aside ul{list-style:none;padding:0}.aside li{border-bottom:1px solid var(--line);padding:10px 0}.breadcrumbs{font-size:13px;color:var(--muted);margin-bottom:12px}.footer-nav{line-height:3.2}.footer-policy{margin-top:22px;padding-top:20px;border-top:1px solid #3c4b57}.seo-intro{background:white;padding:24px;border:1px solid var(--line);margin:34px 0}.seo-intro h2{font-size:25px}.seo-intro p{font-size:16px}.ad-placement{margin:36px 0;padding:16px 0;background:#fafafa;border-top:1px solid var(--line);border-bottom:1px solid var(--line);text-align:center;clear:both;direction:ltr}.ad-label{display:block;font:11px/1.5 Arial,sans-serif;color:#68737c;letter-spacing:1px;margin-bottom:12px}.ad-placement .adsbygoogle{display:block;min-height:100px}.ad-preview{border:1px dashed #b4bcc4;min-height:140px;display:flex;align-items:center;justify-content:center;color:#61707b;font:13px/1.8 Arial,sans-serif;padding:12px}.byline{font-size:13px;line-height:2.6;color:var(--muted)}.article-content table{display:block;overflow:auto;max-width:100%}.article-content iframe{max-width:100%} @media(min-width:1000px){.intro h1{font-size:38px}}@media(max-width:900px){.article-layout{display:block;padding:0 16px}.article-layout .article{margin:20px 0}.aside{padding-top:0}.aside .ad-placement{display:none}}@media(max-width:760px){.brand{font-size:32px}.nav a{font-size:13px;padding:8px 13px}.intro h1{font-size:25px}.article h1{font-size:26px}.section-head h2{font-size:22px}.category-tile strong{font-size:20px}.search-field{font-family:'BS Nastaliq',serif;line-height:2.5}.empty{line-height:2.8}}
