/*
Theme Name: You Are Pakistan ProStyle v16 Real Categories
Theme URI: https://youarepakistan.com.pk/
Author: You Are Pakistan
Description: A lightweight, responsive news theme for YouArePakistan.com.pk, inspired by modern Pakistani tech/news portals while preserving the You Are Pakistan identity.
Version: 16.0
Requires at least: 6.0
Tested up to: 6.8
Requires PHP: 7.4
Text Domain: yap-prostyle
*/
:root{--green:#009640;--deep:#003d20;--ink:#15191d;--muted:#6e7479;--line:#e4e8e5;--soft:#f4f7f5;--white:#fff;--dark:#171a1c;--blue:#1c8bd1;--purple:#8446b9;--red:#d83443}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:#fff}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto;display:block}.site-wrap{width:min(1280px,calc(100% - 40px));margin:auto}.screen-reader-text{position:absolute;left:-9999px}.yap-topbar{font-size:13px;border-bottom:1px solid var(--line);background:#fff}.yap-topbar .site-wrap{display:flex;justify-content:space-between;gap:20px;align-items:center;min-height:36px}.yap-top-links,.yap-social-mini{display:flex;gap:18px;align-items:center}.yap-top-links a:hover{color:var(--green)}
.yap-header{background:#fff;border-bottom:1px solid var(--line);position:relative;z-index:50}.yap-header-main{height:82px;display:grid;grid-template-columns:240px 1fr 52px;align-items:center;gap:20px}.custom-logo-link img,.yap-logo img{max-height:64px;width:auto}.yap-search-btn,.yap-menu-btn{width:46px;height:46px;border:0;border-radius:50%;background:var(--green);color:#fff;font-size:22px;display:grid;place-items:center;cursor:pointer}.yap-search-btn{justify-self:end}.yap-menu-btn{display:none}.yap-nav{background:#f4f7f5;border-top:1px solid var(--line);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:49}.admin-bar .yap-nav{top:32px}.yap-nav .site-wrap{display:flex;align-items:center}.yap-nav ul{list-style:none;display:flex;gap:0;margin:0;padding:0}.yap-nav li a{display:block;padding:17px 18px;font-size:15px;font-weight:600;color:#4d5b62}.yap-nav li.current-menu-item a,.yap-nav li a:hover{background:var(--green);color:#fff}.yap-ad-top{padding:20px 0;text-align:center;min-height:90px}.yap-ad-label{font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:#7c8489;margin-bottom:8px}.yap-ad-placeholder{height:72px;background:#fafafa;border:1px dashed #ddd;display:grid;place-items:center;color:#a0a5a8;font-size:12px}
.section-title{display:flex;align-items:center;gap:12px;margin:22px 0 14px;font-size:22px;font-weight:800;text-transform:uppercase}.section-title:before{content:"";width:6px;height:32px;background:var(--green)}.section-title small{margin-left:auto;font-size:12px;color:var(--green);font-weight:700}.home-hero{display:grid;grid-template-columns:1.65fr 1fr 1fr;grid-template-rows:220px 220px;gap:8px;margin-top:18px}.hero-card{position:relative;overflow:hidden;background:#ddd;min-height:180px}.hero-card:first-child{grid-row:1/3}.hero-card img{width:100%;height:100%;object-fit:cover}.hero-card:after{content:"";position:absolute;inset:25% 0 0;background:linear-gradient(transparent,rgba(0,0,0,.8))}.hero-copy{position:absolute;z-index:2;left:20px;right:20px;bottom:18px;color:white}.hero-copy h2{margin:0;font-size:23px;line-height:1.08}.hero-card:first-child .hero-copy h2{font-size:34px}.hero-kicker{font-size:12px;text-transform:uppercase;font-weight:800;color:#81e6a8;margin-bottom:7px}.latest-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.latest-card img{width:100%;aspect-ratio:16/10;object-fit:cover}.post-time{font-size:12px;color:var(--green);font-weight:700;margin:8px 0 6px}.latest-card h3{font-size:17px;line-height:1.2;margin:0}.dark-block{background:var(--dark);color:#fff;padding:28px 0 34px;margin:34px 0}.dark-block .section-title{color:#fff}.dark-block .section-title:before{background:#32a9ef}.dark-layout{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:28px}.dark-lead{position:relative}.dark-lead img{width:100%;aspect-ratio:4/3;object-fit:cover}.dark-lead h3{font-size:28px;margin:12px 0 0}.mini-list{display:grid;gap:0}.mini-item{display:grid;grid-template-columns:130px 1fr;gap:12px;padding:11px 0;border-bottom:1px solid #343a3d}.mini-item img{width:130px;height:82px;object-fit:cover}.mini-item h4{margin:0;font-size:16px;line-height:1.25}.category-bands{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin:30px 0}.band{border-top:3px solid var(--green);padding-top:10px}.band h2{font-size:18px;text-transform:uppercase;color:var(--green);margin:0 0 14px}.band-lead img{width:100%;aspect-ratio:16/9;object-fit:cover}.band-lead h3{font-size:20px;line-height:1.2;margin:9px 0}.band ul{list-style:none;margin:10px 0 0;padding:0}.band li{border-top:1px solid var(--line);padding:11px 0;font-weight:600}.band:nth-child(2){border-color:#1f78c1}.band:nth-child(2) h2{color:#1f78c1}.band:nth-child(3){border-color:#d84653}.band:nth-child(3) h2{color:#d84653}.band:nth-child(4){border-color:#7b4eb3}.band:nth-child(4) h2{color:#7b4eb3}.band:nth-child(5){border-color:#ee8b22}.band:nth-child(5) h2{color:#ee8b22}.band:nth-child(6){border-color:#059a4b}.band:nth-child(6) h2{color:#059a4b}
.archive-head{margin:22px 0;background:linear-gradient(105deg,var(--deep),var(--green));padding:34px 30px;color:white}.archive-head .eyebrow{font-size:11px;letter-spacing:.16em}.archive-head h1{font-size:36px;margin:4px 0}.content-with-sidebar{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:34px}.archive-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:28px 24px}.archive-card:first-child{grid-column:1/-1;display:grid;grid-template-columns:1.4fr 1fr;gap:24px;border-bottom:1px solid var(--line);padding-bottom:24px}.archive-card img{width:100%;aspect-ratio:16/9;object-fit:cover}.archive-card h2{font-size:24px;line-height:1.12;margin:8px 0}.archive-card:first-child h2{font-size:34px}.excerpt{color:#4e5559;line-height:1.55}.sidebar-box{border-top:2px solid var(--ink);padding-top:10px;margin-bottom:28px}.sidebar-box h3{font-size:20px;margin:0 0 10px}.sidebar-post{display:grid;grid-template-columns:1fr 78px;gap:10px;padding:11px 0;border-bottom:1px solid var(--line)}.sidebar-post img{width:78px;height:58px;object-fit:cover}.sidebar-post h4{font-size:14px;margin:0;line-height:1.2}
.single-main h1{font-family:Georgia,'Times New Roman',serif;font-size:48px;line-height:1.08;margin:18px 0 16px}.single-meta{display:flex;gap:18px;flex-wrap:wrap;padding:14px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);color:#6b7074;font-size:13px}.single-main .featured{width:100%;margin:22px 0}.single-content{font-family:Georgia,'Times New Roman',serif;font-size:20px;line-height:1.72}.single-content p{margin:0 0 1.2em}.single-content img{margin:24px auto}.single-tags{margin-top:30px;border-top:1px solid var(--line);padding-top:14px}.related-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.related-grid img{aspect-ratio:16/9;object-fit:cover}.related-grid h4{font-size:18px;margin:8px 0}
.site-footer{margin-top:45px;background:linear-gradient(135deg,var(--deep),#006e35);color:#fff;padding:42px 0 20px}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:50px}.footer-logo img{max-width:330px;filter:brightness(0) invert(1)}.site-footer h3{margin:0 0 14px}.site-footer ul{list-style:none;padding:0;margin:0}.site-footer li{margin:8px 0}.footer-social{display:flex;gap:9px;margin-top:16px}.footer-social a{width:36px;height:36px;border:1px solid rgba(255,255,255,.5);border-radius:50%;display:grid;place-items:center}.copyright{margin-top:35px;padding-top:14px;border-top:1px solid rgba(255,255,255,.2);font-size:12px;color:#d9ebe1}
.yap-drawer{position:fixed;inset:0 auto 0 0;width:min(340px,85vw);background:#fff;z-index:100;transform:translateX(-110%);transition:.25s;box-shadow:8px 0 30px rgba(0,0,0,.2);padding:30px}.yap-drawer.open{transform:none}.drawer-close{float:right;border:0;background:none;font-size:30px}.yap-drawer ul{clear:both;list-style:none;padding:20px 0;margin:0}.yap-drawer a{display:block;padding:14px 0;border-bottom:1px solid var(--line);font-weight:700}.drawer-mask{display:none;position:fixed;inset:0;background:rgba(0,0,0,.45);z-index:99}.drawer-mask.show{display:block}.yap-search-panel{display:none;position:absolute;right:20px;top:72px;background:white;padding:12px;border:1px solid var(--line);box-shadow:0 8px 25px rgba(0,0,0,.12)}.yap-search-panel.open{display:flex}.yap-search-panel input{width:260px;padding:11px;border:1px solid #ccd2cf}.yap-search-panel button{border:0;background:var(--green);color:white;padding:0 16px}
@media(max-width:900px){.site-wrap{width:min(100% - 28px,1280px)}.yap-topbar{display:none}.yap-header{position:sticky;top:0}.admin-bar .yap-header{top:46px}.yap-header-main{height:82px;grid-template-columns:52px 1fr 52px}.yap-menu-btn{display:grid}.yap-logo{text-align:center}.yap-logo img{margin:auto;max-height:58px}.yap-nav{display:none}.home-hero{grid-template-columns:1fr 1fr;grid-template-rows:330px 190px 190px}.hero-card:first-child{grid-column:1/-1;grid-row:auto}.hero-card:first-child .hero-copy h2{font-size:29px}.latest-grid{grid-template-columns:1fr 1fr}.dark-layout{grid-template-columns:1fr}.category-bands{grid-template-columns:1fr 1fr}.content-with-sidebar{grid-template-columns:1fr}.sidebar{margin-top:30px}.archive-card:first-child{display:block}.single-main h1{font-size:40px}.footer-grid{grid-template-columns:1fr}.footer-logo img{max-width:280px}}
@media(max-width:600px){.site-wrap{width:calc(100% - 28px)}.home-hero{grid-template-columns:1fr 1fr;grid-template-rows:330px 165px 165px}.hero-copy{left:12px;right:12px;bottom:12px}.hero-copy h2{font-size:16px}.hero-card:first-child .hero-copy h2{font-size:28px}.latest-grid{gap:16px}.latest-card h3{font-size:16px}.dark-block{padding-top:20px}.mini-item{grid-template-columns:100px 1fr}.mini-item img{width:100px;height:70px}.category-bands{grid-template-columns:1fr}.archive-grid{grid-template-columns:1fr}.archive-card:first-child{grid-column:auto}.archive-card h2,.archive-card:first-child h2{font-size:26px}.single-main h1{font-size:36px}.single-content{font-size:18px}.related-grid{grid-template-columns:1fr 1fr}.archive-head{padding:26px 20px}.archive-head h1{font-size:31px}.yap-ad-top{padding:12px 0}.yap-header-main{height:76px}.yap-logo img{max-height:52px}}


/* ProPakistani-inspired homepage v2 — original implementation */
.yap-home-pro{background:#fff}.pp-hero{display:grid;grid-template-columns:1.7fr 1fr 1fr;grid-template-rows:210px 210px;gap:7px;margin:28px 0 30px}.pp-hero-card{position:relative;overflow:hidden;background:#ddd}.pp-hero-1{grid-row:1/3}.pp-hero-card img{width:100%;height:100%;object-fit:cover}.pp-hero-overlay{position:absolute;inset:auto 0 0;padding:52px 20px 18px;color:#fff;background:linear-gradient(transparent,rgba(0,0,0,.85))}.pp-hero-overlay h2{margin:0;font-size:21px;line-height:1.12}.pp-hero-1 .pp-hero-overlay h2{font-size:31px}.pp-section{margin:30px 0 38px}.pp-heading{display:flex;align-items:center;gap:10px;border-left:6px solid var(--green);padding-left:12px;margin:0 0 16px}.pp-heading h2{margin:0;font-size:22px;text-transform:uppercase;color:#1b2a25}.pp-heading>a{margin-left:auto;font-size:12px;font-weight:700;color:var(--green);text-transform:uppercase}.pp-latest-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:26px 18px}.pp-news-card img,.pp-four-grid img{width:100%;aspect-ratio:16/9;object-fit:cover}.pp-news-card h3,.pp-four-grid h3{margin:0;font-size:16px;line-height:1.22}.pp-dark-section{background:#191b1d;color:#fff;padding:28px 0 34px;margin:36px 0}.pp-heading-dark{border-left-color:#31a6e5}.pp-heading-dark h2,.pp-heading-dark a{color:#fff}.pp-tech-grid{display:grid;grid-template-columns:1.35fr 1fr 1fr;gap:28px}.pp-tech-lead img{width:100%;aspect-ratio:4/3;object-fit:cover}.pp-tech-lead h3{font-size:27px;line-height:1.12;margin:10px 0}.pp-tech-list{display:flex;flex-direction:column}.pp-tech-item{display:grid;grid-template-columns:135px 1fr;gap:12px;padding:11px 0;border-bottom:1px solid #34383b}.pp-tech-thumb img{width:135px;height:82px;object-fit:cover}.pp-tech-item h4{margin:0;font-size:16px;line-height:1.25}.pp-three-columns{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin:34px 0}.pp-column .pp-heading{border-left-width:5px}.pp-world .pp-heading{border-color:#195b9c}.pp-sports .pp-heading{border-color:#21a24e}.pp-column-lead img{width:100%;aspect-ratio:16/9;object-fit:cover}.pp-column-lead h3{font-size:20px;line-height:1.16;margin:9px 0 10px}.pp-column-list{border-top:1px solid var(--line)}.pp-column-item{display:grid;grid-template-columns:102px 1fr;gap:10px;padding:10px 0;border-bottom:1px solid var(--line)}.pp-column-item img{width:102px;height:65px;object-fit:cover}.pp-column-item h4{font-size:14px;line-height:1.2;margin:0}.pp-four-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.pp-soft-band{background:#f1f3f2;padding:30px 0;margin:38px 0}.pp-two-panels{display:grid;grid-template-columns:1fr 1fr;gap:34px}.pp-panel-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px 18px}.pp-panel-feature{display:grid;grid-template-columns:115px 1fr;gap:10px}.pp-panel-feature img{width:115px;height:76px;object-fit:cover}.pp-panel-feature h3{font-size:14px;line-height:1.2;margin:0}.pp-panel-link{border-top:1px solid #d8ddda;padding:10px 0;font-weight:600;font-size:14px}.pp-opinion-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.pp-opinion-grid article{display:grid;grid-template-columns:110px 1fr;gap:12px}.pp-opinion-grid img{width:110px;height:80px;object-fit:cover}.pp-opinion-grid h3{font-size:15px;line-height:1.2;margin:0}
@media(max-width:900px){.pp-hero{grid-template-columns:1fr 1fr;grid-template-rows:330px 175px 175px}.pp-hero-1{grid-column:1/-1;grid-row:auto}.pp-latest-grid{grid-template-columns:1fr 1fr}.pp-tech-grid{grid-template-columns:1fr}.pp-three-columns{grid-template-columns:1fr 1fr}.pp-two-panels{grid-template-columns:1fr}.pp-four-grid{grid-template-columns:1fr 1fr}.pp-opinion-grid{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.pp-hero{grid-template-columns:1fr 1fr;grid-template-rows:320px 150px 150px;margin-top:14px}.pp-hero-overlay{padding:42px 11px 11px}.pp-hero-overlay h2{font-size:14px}.pp-hero-1 .pp-hero-overlay h2{font-size:25px}.pp-heading h2{font-size:19px}.pp-latest-grid{gap:18px 14px}.pp-news-card h3{font-size:15px}.pp-three-columns{grid-template-columns:1fr}.pp-four-grid{grid-template-columns:1fr 1fr}.pp-panel-grid{grid-template-columns:1fr}.pp-opinion-grid{grid-template-columns:1fr}.pp-tech-item{grid-template-columns:100px 1fr}.pp-tech-thumb img{width:100px;height:66px}.pp-tech-lead h3{font-size:23px}}

/* ProPortal containers v3 — based on the user's reference layout, mapped to YAP menu */
.pp-hero-v3{margin-top:18px}.pp-dark-section-v3{margin-top:30px}.pp-tech-grid-v3{grid-template-columns:1.35fr 1fr 1fr}.pp-tech-grid-v3 .pp-tech-list{min-width:0}.pp-tech-grid-v3 .pp-tech-item{grid-template-columns:140px minmax(0,1fr)}
.pp-three-columns-v3{align-items:start}.pp-three-columns-v3 .pp-column{min-width:0}.pp-three-columns-v3 .pp-column-list{margin-top:8px}.pp-three-columns-v3 .pp-column-item{grid-template-columns:100px minmax(0,1fr)}
.pp-heading-ent{border-left-color:#d83e50}.pp-entertainment-v3{padding:10px 0 6px}.pp-four-grid-v3 article{min-width:0}.pp-four-grid-v3 h3{font-weight:700}
.pp-soft-band-v3{padding:34px 0;background:#f0f2f1}.pp-two-panels-v3{align-items:start}.pp-panel-v3{min-width:0}.pp-panel-grid-v3{grid-template-columns:1fr 1fr}.pp-panel-v3:nth-child(1) .pp-heading{border-left-color:#09964a}.pp-panel-v3:nth-child(2) .pp-heading{border-left-color:#1f73b7}.pp-panel-feature a{display:grid;grid-template-columns:120px minmax(0,1fr);gap:11px;align-items:start}.pp-panel-feature h3{font-weight:700}.pp-panel-link{line-height:1.25}
.pp-opinion-zone{margin-top:36px}.pp-heading-opinion{border-left-color:#2c92d2}.pp-opinion-layout{display:grid;grid-template-columns:1.15fr 1.85fr;gap:28px;align-items:start}.pp-opinion-lead img{width:100%;aspect-ratio:16/9;object-fit:cover}.pp-opinion-lead h3{font-size:24px;line-height:1.16;margin:10px 0 0}.pp-opinion-links{display:grid;grid-template-columns:1fr 1fr;column-gap:26px}.pp-opinion-link{padding:13px 0;border-bottom:1px solid var(--line);font-size:15px;font-weight:700;line-height:1.25}
@media(max-width:900px){.pp-tech-grid-v3{grid-template-columns:1fr}.pp-opinion-layout{grid-template-columns:1fr}.pp-panel-grid-v3{grid-template-columns:1fr 1fr}.pp-opinion-links{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.pp-panel-grid-v3{grid-template-columns:1fr}.pp-opinion-links{grid-template-columns:1fr}.pp-tech-grid-v3 .pp-tech-item{grid-template-columns:100px minmax(0,1fr)}}

/* ===== You Are Pakistan ProStyle v4 homepage ===== */
.yap-home-v4{--yap:#009640;--yapdeep:#005b2d;--charcoal:#191b1c}.yap-home-v4 .site-wrap{width:min(1128px,calc(100% - 36px))}.v4-hero{display:grid;grid-template-columns:1.65fr 1fr 1fr;grid-template-rows:183px 183px;gap:6px;margin:28px 0 42px}.v4-hero-card{position:relative;overflow:hidden;background:#e7ebe8}.v4-hero-1{grid-row:1/3}.v4-hero-card a,.v4-dark-lead a{display:block;height:100%;position:relative}.v4-hero-card img,.v4-dark-lead img{width:100%;height:100%;object-fit:cover}.v4-shade{position:absolute;inset:28% 0 0;background:linear-gradient(transparent,rgba(0,0,0,.9))}.v4-hero-card h2{position:absolute;z-index:2;left:17px;right:17px;bottom:15px;color:#fff;font-size:18px;line-height:1.13;margin:0;font-weight:800;text-shadow:0 1px 2px #000}.v4-hero-1 h2{font-size:26px}.v4-section{margin:0 0 42px}.v4-title{display:flex;align-items:center;border-left:6px solid var(--yap);padding-left:12px;margin:0 0 16px;min-height:28px}.v4-title h2{margin:0;font-size:20px;line-height:1;text-transform:uppercase;font-weight:800;color:#14231b}.v4-title>a{margin-left:auto;color:var(--yap);font-size:11px;text-transform:uppercase;font-weight:700}.v4-title.entertainment{border-color:#d83c4b}.v4-title.opinion{border-color:#2b96d6}.v4-latest-grid,.v4-four{display:grid;grid-template-columns:repeat(4,1fr);gap:28px 14px}.v4-card img{width:100%;aspect-ratio:1.68;object-fit:cover}.v4-meta{font-size:11px;color:#079f54;font-weight:700;margin:9px 0 6px}.v4-card h3{font-size:15px;line-height:1.22;margin:0;font-weight:750}.v4-dark{background:var(--charcoal);color:#fff;padding:30px 0 34px;margin:8px 0 38px}.v4-title.light{border-color:#27a5e6}.v4-title.light h2,.v4-title.light a{color:#fff}.v4-dark-grid{display:grid;grid-template-columns:1.35fr 1fr 1fr;gap:26px}.v4-dark-lead{height:390px;position:relative;overflow:hidden}.v4-dark-lead h3{position:absolute;z-index:2;left:18px;right:18px;bottom:18px;margin:0;font-size:25px;line-height:1.14}.v4-dark-list{min-width:0}.v4-dark-item{border-bottom:1px solid #3b3e40;padding:10px 0}.v4-dark-item:first-child{padding-top:0}.v4-dark-item a{display:grid;grid-template-columns:132px minmax(0,1fr);gap:11px;align-items:center}.v4-dark-item img{width:132px;height:78px;object-fit:cover}.v4-dark-item h4{font-size:15px;line-height:1.23;margin:0}.v4-triple{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;margin:0 0 42px}.v4-column.world .v4-title{border-color:#111}.v4-column.sports .v4-title{border-color:#22ad54}.v4-col-lead img{width:100%;aspect-ratio:1.58;object-fit:cover}.v4-col-lead h3{font-size:16px;line-height:1.2;margin:9px 0 13px}.v4-col-list{border-top:1px solid #dfe4e1}.v4-col-item{padding:9px 0;border-bottom:1px solid #dfe4e1}.v4-col-item a{display:grid;grid-template-columns:100px minmax(0,1fr);gap:9px;align-items:center}.v4-col-item img{width:100px;height:59px;object-fit:cover}.v4-col-item h4{font-size:12px;line-height:1.22;margin:0}.v4-soft{background:#f1f3f2;padding:30px 0;margin:4px 0 38px}.v4-duo{display:grid;grid-template-columns:1fr 1fr;gap:42px}.v4-panel.blog .v4-title{border-color:#1f78b8}.v4-panel-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.v4-panel-feature{padding-bottom:12px}.v4-panel-feature a{display:grid;grid-template-columns:105px 1fr;gap:10px}.v4-panel-feature img{width:105px;height:68px;object-fit:cover}.v4-panel-feature h3{font-size:13px;line-height:1.2;margin:0}.v4-panel-link{border-top:1px solid #d9dfdc;padding:10px 0;font-size:12px;font-weight:700;line-height:1.25}.v4-opinion-grid{display:grid;grid-template-columns:1.1fr 1.9fr;gap:28px}.v4-opinion-lead img{width:100%;aspect-ratio:1.65;object-fit:cover}.v4-opinion-lead h3{font-size:21px;line-height:1.15;margin:9px 0}.v4-opinion-list{display:grid;grid-template-columns:1fr 1fr;column-gap:24px}.v4-opinion-list article{border-bottom:1px solid #e1e5e3;padding:12px 0;font-size:13px;font-weight:700;line-height:1.25}
@media(max-width:900px){.yap-home-v4 .site-wrap{width:min(100% - 28px,1128px)}.v4-hero{grid-template-columns:1fr 1fr;grid-template-rows:330px 170px 170px}.v4-hero-1{grid-column:1/-1;grid-row:auto}.v4-latest-grid,.v4-four{grid-template-columns:1fr 1fr}.v4-dark-grid{grid-template-columns:1fr}.v4-dark-lead{height:420px}.v4-triple{grid-template-columns:1fr 1fr}.v4-duo{grid-template-columns:1fr}.v4-opinion-grid{grid-template-columns:1fr}}
@media(max-width:600px){.yap-home-v4 .site-wrap{width:calc(100% - 24px)}.v4-hero{grid-template-columns:1fr 1fr;grid-template-rows:285px 145px 145px;margin-top:14px;margin-bottom:30px}.v4-hero-card h2{font-size:13px;left:10px;right:10px;bottom:10px}.v4-hero-1 h2{font-size:23px}.v4-title h2{font-size:18px}.v4-title>a{font-size:10px}.v4-latest-grid,.v4-four{gap:20px 12px}.v4-card h3{font-size:14px}.v4-dark{padding:24px 0}.v4-dark-lead{height:330px}.v4-dark-lead h3{font-size:22px}.v4-dark-item a{grid-template-columns:105px 1fr}.v4-dark-item img{width:105px;height:65px}.v4-triple{grid-template-columns:1fr}.v4-panel-grid{grid-template-columns:1fr}.v4-opinion-list{grid-template-columns:1fr}.v4-meta{font-size:10px}}

/* ============================================================
   v5 ProPakistani-style homepage containers for You Are Pakistan
   ============================================================ */
.yap-pp-home{--yp-green:#009640;--yp-deep:#00562b;--yp-cyan:#199bd7;--yp-red:#df3348;--yp-purple:#8d43b5;--yp-navy:#0d4a80;--yp-lime:#20b458;--yp-dark:#1a1c1d;--yp-line:#dfe5e1;--yp-soft:#f0f2f1;background:#fff;color:#101615}
.yap-pp-home .ypp-shell{width:min(1180px,calc(100% - 38px));margin-inline:auto}
.ypp-hero{display:grid;grid-template-columns:1.65fr 1fr 1fr;grid-template-rows:200px 200px;gap:6px;margin:26px 0 42px}
.ypp-hero-card{position:relative;min-width:0;overflow:hidden;background:#e7ebe8}.ypp-hero-1{grid-row:1/3}.ypp-hero-card a,.ypp-tech-lead a{position:relative;display:block;height:100%}.ypp-hero-card img,.ypp-tech-lead img{width:100%;height:100%;object-fit:cover}.ypp-gradient{position:absolute;inset:28% 0 0;background:linear-gradient(transparent,rgba(0,0,0,.92))}.ypp-hero-card h2{position:absolute;z-index:2;left:16px;right:16px;bottom:14px;margin:0;color:#fff;font:800 18px/1.14 Arial,Helvetica,sans-serif;text-shadow:0 1px 2px #000}.ypp-hero-1 h2{font-size:29px}
.ypp-section{margin:0 0 42px}.ypp-heading{display:flex;align-items:center;min-height:31px;border-left:6px solid var(--yp-green);padding-left:12px;margin:0 0 16px}.ypp-heading h2{margin:0;font:800 20px/1 Arial,Helvetica,sans-serif;text-transform:uppercase;letter-spacing:-.02em}.ypp-heading>a{margin-left:auto;font:700 10px/1 Arial,Helvetica,sans-serif;text-transform:uppercase;color:var(--yp-green)}.ypp-heading.green{border-color:var(--yp-green)}.ypp-heading.navy{border-color:var(--yp-navy)}.ypp-heading.lime{border-color:var(--yp-lime)}.ypp-heading.blue{border-color:var(--yp-cyan)}.ypp-heading.red{border-color:var(--yp-red)}.ypp-heading.sky{border-color:#2c96d3}.ypp-heading.on-dark h2,.ypp-heading.on-dark a{color:#fff}
.ypp-latest-grid,.ypp-four-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px 15px}.ypp-news-card{min-width:0}.ypp-news-card img{width:100%;aspect-ratio:1.66/1;object-fit:cover}.ypp-meta{margin:8px 0 6px;color:#079f54;font:700 11px/1.2 Arial,Helvetica,sans-serif}.ypp-news-card h3{margin:0;font:700 15px/1.23 Arial,Helvetica,sans-serif;color:#151a18}
.ypp-tech-wrap{background:var(--yp-dark);color:#fff;padding:31px 0 35px;margin:2px 0 38px}.ypp-tech-grid{display:grid;grid-template-columns:1.35fr 1fr 1fr;gap:27px}.ypp-tech-lead{position:relative;height:405px;overflow:hidden}.ypp-tech-lead h3{position:absolute;z-index:2;left:18px;right:18px;bottom:18px;margin:0;font:800 25px/1.15 Arial,Helvetica,sans-serif}.ypp-tech-list{min-width:0}.ypp-tech-item{padding:10px 0;border-bottom:1px solid #3b4041}.ypp-tech-item:first-child{padding-top:0}.ypp-tech-item a{display:grid;grid-template-columns:135px minmax(0,1fr);gap:11px;align-items:center}.ypp-tech-item img{width:135px;height:78px;object-fit:cover}.ypp-tech-item h4{margin:0;font:700 15px/1.23 Arial,Helvetica,sans-serif;color:#fff}
.ypp-three{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin:0 0 44px}.ypp-column{min-width:0}.ypp-col-lead img{width:100%;aspect-ratio:1.55/1;object-fit:cover}.ypp-col-lead h3{margin:9px 0 13px;font:700 16px/1.2 Arial,Helvetica,sans-serif}.ypp-col-list{border-top:1px solid var(--yp-line)}.ypp-col-item{border-bottom:1px solid var(--yp-line);padding:9px 0}.ypp-col-item a{display:grid;grid-template-columns:102px minmax(0,1fr);gap:9px;align-items:center}.ypp-col-item img{width:102px;height:61px;object-fit:cover}.ypp-col-item h4{margin:0;font:700 12px/1.23 Arial,Helvetica,sans-serif}
.ypp-softband{background:var(--yp-soft);padding:32px 0;margin:2px 0 38px}.ypp-dual{display:grid;grid-template-columns:1fr 1fr;gap:44px}.ypp-panel{min-width:0}.ypp-panel-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.ypp-panel-feature{padding-bottom:11px}.ypp-panel-feature a{display:grid;grid-template-columns:108px minmax(0,1fr);gap:10px;align-items:start}.ypp-panel-feature img{width:108px;height:69px;object-fit:cover}.ypp-panel-feature h3{margin:0;font:700 13px/1.22 Arial,Helvetica,sans-serif}.ypp-panel-link{border-top:1px solid #d9dfdc;padding:10px 0;font:700 12px/1.25 Arial,Helvetica,sans-serif}
.ypp-opinion-grid{display:grid;grid-template-columns:1.08fr 1.92fr;gap:30px}.ypp-opinion-lead img{width:100%;aspect-ratio:1.62/1;object-fit:cover}.ypp-opinion-lead h3{margin:9px 0;font:800 21px/1.16 Arial,Helvetica,sans-serif}.ypp-opinion-list{display:grid;grid-template-columns:1fr 1fr;column-gap:26px}.ypp-opinion-list article{border-bottom:1px solid var(--yp-line);padding:12px 0;font:700 13px/1.25 Arial,Helvetica,sans-serif}

/* Header proportions closer to the requested portal reference. */
.yap-header-main{height:86px;grid-template-columns:minmax(210px,260px) 1fr 52px}.custom-logo-link img,.yap-logo img{max-height:66px;max-width:250px}.yap-nav li a{font-weight:500;padding:16px 16px}.yap-nav{box-shadow:none}.site-footer{background:var(--deep)}

@media (max-width:980px){
 .yap-pp-home .ypp-shell{width:min(100% - 28px,1180px)}
 .ypp-hero{grid-template-columns:1fr 1fr;grid-template-rows:340px 170px 170px}.ypp-hero-1{grid-column:1/-1;grid-row:auto}
 .ypp-tech-grid{grid-template-columns:1fr}.ypp-tech-lead{height:420px}
 .ypp-three{grid-template-columns:1fr 1fr}.ypp-dual{grid-template-columns:1fr}.ypp-opinion-grid{grid-template-columns:1fr}
}
@media (max-width:700px){
 .yap-pp-home .ypp-shell{width:calc(100% - 24px)}
 .ypp-hero{grid-template-columns:1fr 1fr;grid-template-rows:300px 150px 150px;margin-top:14px;margin-bottom:30px}
 .ypp-hero-card h2{font-size:13px;left:10px;right:10px;bottom:10px}.ypp-hero-1 h2{font-size:23px}
 .ypp-latest-grid,.ypp-four-grid{grid-template-columns:1fr 1fr;gap:20px 12px}.ypp-news-card h3{font-size:14px}
 .ypp-tech-wrap{padding:24px 0}.ypp-tech-lead{height:335px}.ypp-tech-lead h3{font-size:22px}.ypp-tech-item a{grid-template-columns:105px 1fr}.ypp-tech-item img{width:105px;height:65px}
 .ypp-three{grid-template-columns:1fr}.ypp-panel-grid{grid-template-columns:1fr}.ypp-opinion-list{grid-template-columns:1fr}
 .ypp-heading h2{font-size:18px}.ypp-heading>a{font-size:10px}
}

/* v6 — ProPakistani-style movable / sticky unified header */
.yap-pro-sticky-header{
  position:sticky;
  top:0;
  z-index:90;
  background:#f4f7f5;
  border-top:1px solid var(--line);
  border-bottom:1px solid var(--line);
  box-shadow:0 1px 0 rgba(0,0,0,.03);
}
.admin-bar .yap-pro-sticky-header{top:32px}
.yap-pro-header-row{
  min-height:62px;
  display:grid;
  grid-template-columns:minmax(190px,250px) minmax(0,1fr) 50px;
  align-items:stretch;
  gap:0;
}
.yap-pro-sticky-header .yap-logo{
  display:flex;
  align-items:center;
  padding:7px 20px 7px 0;
  background:var(--green);
}
.yap-pro-sticky-header .yap-logo a{display:flex;align-items:center}
.yap-pro-sticky-header .custom-logo-link img,
.yap-pro-sticky-header .yap-logo img{
  width:auto;
  max-width:225px;
  max-height:48px;
  object-fit:contain;
}
.yap-pro-inline-nav{
  position:static;
  top:auto;
  z-index:auto;
  border:0;
  background:#f4f7f5;
  display:flex;
  align-items:stretch;
  min-width:0;
}
.yap-pro-inline-nav .menu,
.yap-pro-inline-nav ul{
  display:flex;
  align-items:stretch;
  flex:1 1 auto;
  list-style:none;
  margin:0;
  padding:0;
  overflow:hidden;
}
.yap-pro-inline-nav li{display:flex;align-items:stretch;flex:0 0 auto}
.yap-pro-inline-nav li a{
  display:flex;
  align-items:center;
  padding:0 14px;
  font-size:15px;
  line-height:1.2;
  font-weight:500;
  color:#4c5a61;
  white-space:nowrap;
  background:transparent;
}
.yap-pro-inline-nav li.current-menu-item a,
.yap-pro-inline-nav li a:hover{background:#e9efec;color:var(--deep)}
.yap-pro-sticky-header .yap-search-btn{
  width:50px;
  height:100%;
  min-height:62px;
  border-radius:0;
  background:#edf2f0;
  color:#42525a;
  font-size:24px;
  justify-self:stretch;
}
.yap-pro-sticky-header .yap-search-btn:hover{background:#e1e9e5;color:var(--green)}
.yap-pro-sticky-header .yap-menu-btn{display:none}
.yap-pro-sticky-header .yap-search-panel{top:62px;right:0}

@media (max-width:1050px){
  .yap-pro-inline-nav li a{padding:0 10px;font-size:14px}
  .yap-pro-header-row{grid-template-columns:minmax(170px,210px) minmax(0,1fr) 48px}
  .yap-pro-sticky-header .custom-logo-link img,.yap-pro-sticky-header .yap-logo img{max-width:190px}
}

@media (max-width:900px){
  .yap-pro-sticky-header{top:0;background:#fff}
  .admin-bar .yap-pro-sticky-header{top:46px}
  .yap-pro-header-row{
    min-height:76px;
    grid-template-columns:52px minmax(0,1fr) 52px;
    align-items:center;
    padding-left:0;
    padding-right:0;
  }
  .yap-pro-sticky-header .yap-menu-btn{
    display:grid;
    width:46px;height:46px;
    border-radius:50%;
    background:var(--green);color:#fff;
    justify-self:start;
  }
  .yap-pro-sticky-header .yap-logo{
    background:transparent;
    padding:6px 8px;
    justify-content:center;
    text-align:center;
  }
  .yap-pro-sticky-header .custom-logo-link img,.yap-pro-sticky-header .yap-logo img{
    max-height:56px;
    max-width:min(260px,100%);
    margin:auto;
  }
  .yap-pro-inline-nav{display:none}
  .yap-pro-sticky-header .yap-search-btn{
    width:46px;height:46px;min-height:46px;
    border-radius:50%;
    background:var(--green);color:#fff;
    justify-self:end;
  }
  .yap-pro-sticky-header .yap-search-panel{top:70px;right:8px}
}


/* ============================================================
   v8 — FINAL single-line ProPakistani-style sticky header
   Logo + menu + search remain on ONE row on desktop.
   ============================================================ */
.yap-sticky-spacer{height:0}
#yapStickyHeader{
  position:relative !important;
  width:100%;
  z-index:9990;
  background:#f2f6f4;
  border-top:0;
  border-bottom:1px solid #dfe5e1;
  box-shadow:none;
}
#yapStickyHeader.is-fixed{
  position:fixed !important;
  left:0;
  right:0;
  width:100%;
  box-shadow:0 3px 14px rgba(0,0,0,.10);
}
#yapStickyHeader .yap-pro-header-row{
  width:min(1280px,calc(100% - 40px));
  min-height:60px;
  margin:0 auto;
  padding:0;
  display:flex !important;
  flex-wrap:nowrap !important;
  align-items:stretch !important;
  gap:0 !important;
}
#yapStickyHeader .yap-logo{
  flex:0 0 245px;
  width:245px;
  min-width:245px;
  padding:7px 18px;
  margin:0;
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  background:transparent !important;
}
#yapStickyHeader .yap-logo .custom-logo-link,
#yapStickyHeader .yap-logo>a{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  width:100%;
}
#yapStickyHeader .yap-logo img,
#yapStickyHeader .custom-logo-link img{
  display:block;
  width:auto !important;
  height:auto !important;
  max-height:47px !important;
  max-width:215px !important;
  object-fit:contain;
  margin:0 !important;
}
#yapStickyHeader .yap-pro-inline-nav{
  flex:1 1 auto !important;
  width:auto !important;
  min-width:0 !important;
  margin:0 !important;
  padding:0 !important;
  display:flex !important;
  align-items:stretch !important;
  position:static !important;
  background:#f2f6f4 !important;
  border:0 !important;
  overflow:hidden;
}
#yapStickyHeader .yap-pro-inline-nav>ul,
#yapStickyHeader .yap-pro-inline-nav .menu{
  width:100%;
  min-width:0;
  margin:0 !important;
  padding:0 !important;
  display:flex !important;
  flex-wrap:nowrap !important;
  align-items:stretch !important;
  justify-content:flex-start !important;
  list-style:none !important;
  overflow:hidden;
}
#yapStickyHeader .yap-pro-inline-nav li{
  display:flex !important;
  flex:0 0 auto !important;
  align-items:stretch !important;
  margin:0 !important;
}
#yapStickyHeader .yap-pro-inline-nav li a{
  display:flex !important;
  align-items:center !important;
  height:60px !important;
  padding:0 15px !important;
  font-size:15px !important;
  line-height:1 !important;
  font-weight:500 !important;
  white-space:nowrap !important;
  color:#4f5f66 !important;
  background:transparent !important;
}
#yapStickyHeader .yap-pro-inline-nav li a:hover,
#yapStickyHeader .yap-pro-inline-nav li.current-menu-item>a{
  color:var(--deep) !important;
  background:#e6eeea !important;
}
#yapStickyHeader .yap-search-btn{
  flex:0 0 58px !important;
  width:58px !important;
  height:60px !important;
  min-height:60px !important;
  margin:0 !important;
  border:0 !important;
  border-radius:0 !important;
  display:grid !important;
  place-items:center !important;
  background:#eaf0ed !important;
  color:#42545c !important;
  font-size:24px !important;
}
#yapStickyHeader .yap-search-btn:hover{color:var(--green) !important;background:#dfe9e4 !important}
#yapStickyHeader .yap-menu-btn{display:none !important}
#yapStickyHeader .yap-search-panel{top:60px;right:0}

@media (max-width:1100px) and (min-width:901px){
  #yapStickyHeader .yap-logo{flex-basis:205px;width:205px;min-width:205px;padding-left:14px;padding-right:14px}
  #yapStickyHeader .yap-logo img,#yapStickyHeader .custom-logo-link img{max-width:177px !important}
  #yapStickyHeader .yap-pro-inline-nav li a{padding:0 10px !important;font-size:13.5px !important}
  #yapStickyHeader .yap-search-btn{flex-basis:50px !important;width:50px !important}
}

@media (max-width:900px){
  #yapStickyHeader{background:#fff}
  #yapStickyHeader .yap-pro-header-row{
    width:calc(100% - 24px);
    min-height:76px;
    display:grid !important;
    grid-template-columns:52px minmax(0,1fr) 52px !important;
    align-items:center !important;
  }
  #yapStickyHeader .yap-menu-btn{
    display:grid !important;
    width:46px !important;height:46px !important;
    border-radius:50% !important;
    background:var(--green) !important;color:#fff !important;
    justify-self:start !important;
  }
  #yapStickyHeader .yap-logo{
    width:auto !important;min-width:0 !important;flex:auto !important;
    padding:6px 8px !important;background:transparent !important;
    justify-content:center !important;
  }
  #yapStickyHeader .yap-logo .custom-logo-link,#yapStickyHeader .yap-logo>a{justify-content:center !important}
  #yapStickyHeader .yap-logo img,#yapStickyHeader .custom-logo-link img{max-height:56px !important;max-width:min(260px,100%) !important;margin:auto !important}
  #yapStickyHeader .yap-pro-inline-nav{display:none !important}
  #yapStickyHeader .yap-search-btn{
    width:46px !important;height:46px !important;min-height:46px !important;
    border-radius:50% !important;background:var(--green) !important;color:#fff !important;
    justify-self:end !important;
  }
  #yapStickyHeader .yap-search-panel{top:70px;right:8px}
}


/* ============================================================
   v9 — clean logo block + ProPakistani-style Latest News
   ============================================================ */
#yapStickyHeader .yap-logo{
  background:transparent !important;
  border:0 !important;
}
#yapStickyHeader .yap-logo:hover{background:transparent !important}

/* Latest News directly below the lead grid, matching the compact
   ProPakistani card rhythm while keeping You Are Pakistan colors. */
.ypp-latest{
  margin-top:34px !important;
  margin-bottom:48px !important;
  padding-top:0 !important;
}
.ypp-latest .ypp-heading{
  min-height:36px;
  margin-bottom:18px;
  padding-left:13px;
  border-left:6px solid var(--green);
}
.ypp-latest .ypp-heading h2{
  font:800 20px/1 Arial,Helvetica,sans-serif;
  text-transform:uppercase;
  letter-spacing:-.015em;
  color:#143e28;
}
.ypp-latest-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:30px 16px;
}
.ypp-latest .ypp-news-card a{display:block}
.ypp-latest .ypp-news-card img{
  width:100%;
  height:180px;
  aspect-ratio:auto;
  object-fit:cover;
  background:#edf2ef;
}
.ypp-latest .ypp-meta{
  margin:8px 0 7px;
  color:var(--green);
  font:700 11px/1.2 Arial,Helvetica,sans-serif;
}
.ypp-latest .ypp-news-card h3{
  margin:0;
  font:700 15px/1.22 Arial,Helvetica,sans-serif;
  color:#23282b;
}
.ypp-latest .ypp-news-card h3:hover{color:var(--green)}
/* Intentionally no author/byline in this homepage block. */
.ypp-latest .author,.ypp-latest .byline,.ypp-latest .post-author{display:none !important}

@media (max-width:900px){
  .ypp-latest-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 12px}
  .ypp-latest .ypp-news-card img{height:auto;aspect-ratio:1.55/1}
}
@media (max-width:520px){
  .ypp-latest{margin-top:26px !important;margin-bottom:34px !important}
  .ypp-latest .ypp-heading h2{font-size:18px}
  .ypp-latest .ypp-news-card h3{font-size:14px}
}

/* ============================================================
   v10 — larger ProPakistani-style header + stronger Latest News
   ============================================================ */
@media (min-width:901px){
  #yapStickyHeader .yap-pro-header-row{
    width:min(1320px,calc(100% - 28px));
    min-height:72px;
  }
  #yapStickyHeader .yap-logo{
    flex:0 0 285px;
    width:285px;
    min-width:285px;
    padding:5px 18px 5px 8px;
  }
  #yapStickyHeader .yap-logo img,
  #yapStickyHeader .custom-logo-link img{
    max-height:61px !important;
    max-width:270px !important;
  }
  #yapStickyHeader .yap-pro-inline-nav li a{
    height:72px !important;
    padding:0 17px !important;
    font-size:17px !important;
    font-weight:500 !important;
  }
  #yapStickyHeader .yap-search-btn{
    flex:0 0 66px !important;
    width:66px !important;
    height:72px !important;
    min-height:72px !important;
    font-size:27px !important;
  }
  #yapStickyHeader .yap-search-panel{top:72px}
}

/* Make the Latest News block read as a clear, self-contained module. */
.ypp-latest{
  border-top:1px solid #e1e6e3;
  padding-top:26px !important;
}
.ypp-latest .ypp-heading{
  margin-bottom:20px;
  min-height:42px;
  display:flex;
  align-items:center;
}
.ypp-latest .ypp-heading h2{
  font-size:23px;
}
.ypp-latest-grid{
  gap:32px 18px;
}
.ypp-latest .ypp-news-card{
  background:#fff;
  min-width:0;
}
.ypp-latest .ypp-news-card img{
  height:192px;
}
.ypp-latest .ypp-news-card h3{
  font-size:16px;
  line-height:1.25;
}

@media (max-width:1180px) and (min-width:901px){
  #yapStickyHeader .yap-logo{
    flex-basis:245px;
    width:245px;
    min-width:245px;
  }
  #yapStickyHeader .yap-logo img,
  #yapStickyHeader .custom-logo-link img{max-width:225px !important}
  #yapStickyHeader .yap-pro-inline-nav li a{
    padding:0 11px !important;
    font-size:15px !important;
  }
}

@media (max-width:900px){
  #yapStickyHeader .yap-logo img,
  #yapStickyHeader .custom-logo-link img{
    max-height:62px !important;
    max-width:min(285px,100%) !important;
  }
  .ypp-latest{
    padding-top:22px !important;
  }
  .ypp-latest .ypp-heading h2{font-size:21px}
  .ypp-latest .ypp-news-card img{height:auto;aspect-ratio:1.55/1}
}


/* ============================================================
   v11 — ProPakistani-style Latest News container
   Keeps the existing lead mosaic intact and places a clean,
   self-contained Latest News module immediately beneath it.
   ============================================================ */
.ypp-latest{
  border-top:0 !important;
  padding-top:0 !important;
  margin-top:36px !important;
}
.ypp-latest-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  margin-bottom:14px;
}
.ypp-latest-head .ypp-heading{
  margin:0 !important;
  min-height:38px;
  display:flex;
  align-items:center;
}
.ypp-latest-head .ypp-heading h2{
  margin:0;
  font-size:22px;
  text-transform:uppercase;
}
.ypp-view-all{
  color:var(--green);
  font:700 12px/1 Arial,Helvetica,sans-serif;
  text-transform:uppercase;
  letter-spacing:.02em;
}
.ypp-view-all:hover{color:var(--deep)}
.ypp-latest-panel{
  border:1px solid #dfe8e2;
  border-radius:4px;
  background:#fff;
  padding:22px;
}
.ypp-latest-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:28px 18px !important;
}
.ypp-latest .ypp-news-card{
  background:#fff;
  min-width:0;
}
.ypp-latest .ypp-news-card img{
  width:100%;
  height:auto !important;
  aspect-ratio:1.58/1;
  object-fit:cover;
  background:#edf2ef;
}
.ypp-card-meta-row{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:8px;
  margin:9px 0 7px;
}
.ypp-card-cat{
  display:inline-flex;
  align-items:center;
  min-height:22px;
  padding:3px 8px;
  border-radius:999px;
  background:#edf8f1;
  color:var(--green);
  font:800 10px/1 Arial,Helvetica,sans-serif;
  text-transform:uppercase;
  letter-spacing:.03em;
}
.ypp-card-meta-row .ypp-meta{
  margin:0 !important;
  color:#7b8580;
  font-weight:600;
}
.ypp-latest .ypp-news-card h3{
  margin:0;
  color:#1c2220;
  font:700 15px/1.25 Arial,Helvetica,sans-serif;
}
.ypp-latest .ypp-news-card h3:hover{color:var(--green)}
.ypp-latest .author,.ypp-latest .byline,.ypp-latest .post-author,
.ypp-latest [class*="author"]{display:none !important}

@media (max-width:900px){
  .ypp-latest-panel{padding:16px}
  .ypp-latest-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 12px !important}
}
@media (max-width:520px){
  .ypp-latest{margin-top:28px !important}
  .ypp-latest-head .ypp-heading h2{font-size:19px}
  .ypp-view-all{font-size:10px}
  .ypp-latest-panel{padding:12px}
  .ypp-latest .ypp-news-card h3{font-size:14px}
}

/* ============================================================
   v12 hard refresh / homepage guarantee
   ============================================================ */
body.home .yap-pp-home,
body.page-template-default.home .yap-pp-home{display:block!important}
body.home .ypp-shell{width:min(1280px,calc(100% - 40px));margin-inline:auto}
@media(max-width:600px){body.home .ypp-shell{width:calc(100% - 28px)}}


/* ==========================================================
   v13 — homepage breathing room + Green Post style categories
   ========================================================== */
/* Give the first homepage news mosaic clear breathing room below the sticky logo/menu bar. */
body.home .yap-pp-home{padding-top:34px;}
body.home .yap-pp-home .ypp-hero{margin-top:0!important;}

/* Category page — wide editorial layout matching the Green Post / The Public family. */
.yap-category-v13{padding:30px 0 58px;}
.yap-category-v13 .yap-category-banner{
  min-height:112px;margin:0 0 22px;padding:22px 26px;
  display:flex;align-items:flex-end;position:relative;overflow:hidden;color:#fff;
  background:linear-gradient(105deg,#004d27,#009640);
}
.yap-category-v13 .yap-category-banner:after{content:"";position:absolute;right:-70px;top:-115px;width:300px;height:300px;border:1px solid rgba(255,255,255,.18);border-radius:50%;}
.yap-category-v13 .yap-category-banner>div{position:relative;z-index:1;}
.yap-category-v13 .yap-category-banner span{display:block;font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;opacity:.82;margin-bottom:4px;}
.yap-category-v13 .yap-category-banner h1{margin:0;font-family:Georgia,'Times New Roman',serif;font-size:34px;line-height:1.05;color:#fff;}
.yap-category-v13 .yap-category-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:36px;align-items:start;}
.yap-category-v13 .yap-category-main{min-width:0;}
.yap-category-v13 .yap-category-description{max-width:760px;margin:0 0 18px;color:#667169;font-size:14px;line-height:1.5;}
.yap-category-v13 .yap-category-feature{padding-bottom:26px;margin-bottom:22px;border-bottom:1px solid #777;}
.yap-category-v13 .yap-category-feature__image{display:block;width:100%;aspect-ratio:16/8.7;overflow:hidden;background:#e7ece8;}
.yap-category-v13 .yap-category-feature__image img{width:100%;height:100%;object-fit:cover;display:block;}
.yap-category-v13 .yap-category-feature h2{font-family:Georgia,'Times New Roman',serif;font-size:36px;line-height:1.05;letter-spacing:-.5px;margin:10px 0 0;}
.yap-category-v13 .yap-category-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 22px;}
.yap-category-v13 .yap-category-card{min-width:0;padding-bottom:20px;border-bottom:1px solid #ddd;}
.yap-category-v13 .yap-category-card__image{display:block;width:100%;aspect-ratio:16/10;overflow:hidden;background:#e7ece8;}
.yap-category-v13 .yap-category-card__image img{width:100%;height:100%;object-fit:cover;display:block;}
.yap-category-v13 .yap-category-card h2{font-family:Georgia,'Times New Roman',serif;font-size:22px;line-height:1.08;margin:9px 0 0;}
.yap-category-v13 .yap-category-card a:hover,.yap-category-v13 .yap-category-feature a:hover{color:var(--green);}
.yap-category-v13 .yap-category-sidebar{position:sticky;top:112px;align-self:start;}
.admin-bar .yap-category-v13 .yap-category-sidebar{top:144px;}
.yap-category-v13 .sidebar-box{border-top:1px solid #555;padding-top:11px;margin-bottom:28px;}
.yap-category-v13 .sidebar-box h3{font-family:Arial,Helvetica,sans-serif;font-size:16px;font-weight:800;margin:0 0 12px;}
.yap-category-v13 .sidebar-post{grid-template-columns:1fr 78px;gap:10px;padding:11px 0;}
.yap-category-v13 .sidebar-post h4{font-family:Georgia,'Times New Roman',serif;font-size:14px;line-height:1.18;}
.yap-category-v13 .nav-links{display:flex;gap:8px;flex-wrap:wrap;margin-top:28px;}
.yap-category-v13 .page-numbers{border:1px solid #d9dfdc;padding:8px 12px;border-radius:4px;}
.yap-category-v13 .page-numbers.current{background:var(--deep);color:#fff;}

@media(max-width:900px){
 body.home .yap-pp-home{padding-top:24px;}
 .yap-category-v13 .yap-category-layout{grid-template-columns:1fr;}
 .yap-category-v13 .yap-category-sidebar{position:static;display:grid;grid-template-columns:1fr 1fr;gap:24px;}
}
@media(max-width:760px){
 body.home .yap-pp-home{padding-top:18px;}
 .yap-category-v13{padding-top:18px;}
 .yap-category-v13 .yap-category-banner{min-height:92px;margin-bottom:16px;padding:18px 20px;}
 .yap-category-v13 .yap-category-banner h1{font-size:28px;}
 .yap-category-v13 .yap-category-sidebar{display:none;}
 .yap-category-v13 .yap-category-feature__image{aspect-ratio:16/10;}
 .yap-category-v13 .yap-category-feature h2{font-size:28px;line-height:1.08;}
 .yap-category-v13 .yap-category-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 12px;}
 .yap-category-v13 .yap-category-card__image{aspect-ratio:4/3;}
 .yap-category-v13 .yap-category-card h2{font-size:17px;line-height:1.12;}
}


/* =========================================================
   v14 FINAL — spacing + clean category title + news sidebar
   ========================================================= */

/* Give the ProPakistani-style homepage breathing room below the sticky menu */
body.home .yap-pp-home{
    padding-top:42px !important;
}
body.home .yap-pp-home .ypp-hero{
    margin-top:0 !important;
}

/* Category pages: clear gap below header/navigation */
.yap-category-v13{
    padding-top:38px !important;
}

/* Wider newsroom layout with a proper right sidebar */
.yap-category-v13 .yap-category-layout{
    grid-template-columns:minmax(0,1fr) 320px !important;
    gap:42px !important;
    align-items:start;
}

/* Custom clean sidebar - do not inherit old WordPress widget styling */
.yap-category-v13 .yap-category-sidebar{
    position:sticky;
    top:112px;
    align-self:start;
    min-width:0;
}
.admin-bar .yap-category-v13 .yap-category-sidebar{
    top:144px;
}

.yap-category-v13 .sidebar{
    margin:0;
}

.yap-sidebar-ad{
    border-top:1px solid #555;
    border-bottom:1px solid #555;
    padding:11px 0 18px;
    margin:0 0 28px;
}
.yap-sidebar-ad .yap-ad-label{
    margin:0 0 10px;
}
.yap-sidebar-ad .yap-ad-placeholder{
    min-height:250px;
    height:250px;
    background:#fafafa;
    border:1px dashed #d9ddda;
}

.yap-sidebar-latest{
    border-top:1px solid #555;
    padding-top:12px;
    margin:0 0 28px;
}
.yap-sidebar-latest h3{
    margin:0 0 8px;
    font:800 18px/1.15 Arial,Helvetica,sans-serif;
}
.yap-sidebar-latest .sidebar-post{
    display:grid;
    grid-template-columns:minmax(0,1fr) 86px;
    gap:12px;
    align-items:center;
    padding:13px 0;
    border-bottom:1px solid #dde2df;
}
.yap-sidebar-latest .sidebar-post h4{
    margin:0;
    font:700 14px/1.25 Arial,Helvetica,sans-serif;
}
.yap-sidebar-latest .sidebar-post img{
    width:86px;
    height:64px;
    object-fit:cover;
}
.yap-sidebar-latest .sidebar-post a:hover{
    color:var(--green);
}

/* Keep category title clean: just the category name */
.yap-category-v13 .yap-category-banner h1{
    font-size:34px;
}

/* Tablet */
@media (max-width:900px){
    body.home .yap-pp-home{
        padding-top:30px !important;
    }
    .yap-category-v13{
        padding-top:28px !important;
    }
    .yap-category-v13 .yap-category-layout{
        grid-template-columns:1fr !important;
        gap:28px !important;
    }
    .yap-category-v13 .yap-category-sidebar{
        position:static;
        display:grid;
        grid-template-columns:1fr 1fr;
        gap:24px;
    }
}

/* Mobile: keep content clean and full width */
@media (max-width:600px){
    body.home .yap-pp-home{
        padding-top:22px !important;
    }
    .yap-category-v13{
        padding-top:20px !important;
    }
    .yap-category-v13 .yap-category-sidebar{
        display:none !important;
    }
}


/* v16: eight real categories + Home. Keep all desktop menu items visible. */
@media (min-width:901px){
  #yapStickyHeader .yap-pro-inline-nav li a{padding-left:11px !important;padding-right:11px !important;font-size:14px !important}
}
/* Home sections use only the real WordPress categories requested by the site owner. */
.ypp-sports,.ypp-travel{margin-top:48px}