/*
Theme Name: PD Sangbad News
Description: Bangla online newspaper theme modelled on the Protidiner Sangbad homepage layout. Activate to auto-create categories and dummy posts.
Version: 1.0
Text Domain: pdsb
*/
:root{--red:#b5121b;--red-dark:#8f0d15;--ink:#1a1a1a;--muted:#666;--line:#dcdcdc;--bg:#fff;--soft:#f3f3f3;--font:'Noto Sans Bengali','SolaimanLipi','Kalpurush',Arial,sans-serif;--font-head:'Noto Serif Bengali','Noto Sans Bengali',serif}
*{box-sizing:border-box}
body{margin:0;font-family:var(--font);color:var(--ink);background:var(--bg);font-size:16px;line-height:1.55}
a{color:inherit;text-decoration:none}a:hover{color:var(--red)}
img{max-width:100%;display:block}ul{list-style:none;margin:0;padding:0}
.container{max-width:1200px;margin:0 auto;padding:0 12px}
/* header (matches supplied screenshots) */
.ad{background:repeating-linear-gradient(45deg,#f0f0f0,#f0f0f0 10px,#e8e8e8 10px,#e8e8e8 20px);color:#888;display:flex;align-items:center;justify-content:center;font-size:13px;border:1px solid var(--line)}
.ad-970{width:728px;max-width:100%;height:90px}.ad-strip{height:90px;margin:16px 0}.ad-side{height:250px;margin-bottom:14px}
.hd-wrap{position:sticky;top:0;z-index:100;background:#fff}
body.admin-bar .hd-wrap{top:32px}@media(max-width:782px){body.admin-bar .hd-wrap{top:46px}}
.hd{background:#fff;position:relative;padding-bottom:8px}
.hd-top{position:relative;height:64px;padding-top:24px}
.hd-logo{width:250px;height:40px;margin:0 auto}.hd-logo img,.hd-logo a{display:block}.hd-logo img{width:250px;height:40px}
.hd-burger,.hd-searchbtn{position:absolute;background:none;border:0;padding:0;cursor:pointer;line-height:0}
.hd-burger{left:13px;top:24px}.hd-burger rect{fill:#000}.hd-burger .x{display:none;margin:2px 0 0 1px}
.hd-searchbtn{right:13px;top:22px}
.hd-date{display:flex;justify-content:center;align-items:center;gap:11px;height:20px;margin-top:5px;font-size:17px;color:#333}
.hd-date img{width:20px;height:21px}
.hd-social{display:none;position:relative;height:42px;margin-top:12px;justify-content:center}
.hd-social:before{content:"";position:absolute;left:0;right:0;top:20px;height:1px;background:#ccc}
.pill{position:relative;display:flex;gap:12px;align-items:center;background:#fff;border-radius:21px;padding:7px 17px 7px 6px;box-shadow:0 0 8px rgba(0,0,0,.28)}
.pill a{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center}
.pill svg{width:17px;height:17px}
.pill .fb{background:#127ac8}.pill .tw{background:#4ac0ce}.pill .yt{background:#ef0101}.pill .pin{background:#c8232c}.pill .ig{background:#e4055e}
.hd-nav{background:#f8f9fa;overflow-x:auto;overflow-y:hidden;box-shadow:0 3px 6px rgba(0,0,0,.16);position:relative}
@supports not selector(::-webkit-scrollbar){.hd-nav{scrollbar-width:thin;scrollbar-color:#bcbdbd #f8f9fa}}
.hd-nav::-webkit-scrollbar{height:5px}.hd-nav::-webkit-scrollbar-track{background:#f8f9fa}.hd-nav::-webkit-scrollbar-thumb{background:#bcbdbd}
.menu{display:flex;width:max-content;padding:12px 0 4px}
.menu li{border-right:1px solid #000;height:26px;line-height:26px;margin-top:1px}.menu li:last-child{border-right:0}
.menu a{display:block;padding:0 12px;font-size:19px;font-weight:700;color:#000;white-space:nowrap}
.menu li:first-child a{padding-left:15px}.menu a:hover{color:var(--red)}
/* open menu panel */
.mm{display:none;overflow-y:auto;-webkit-overflow-scrolling:touch;background:#eee;flex:1}
.mm-grid{display:grid;grid-template-columns:1fr 1fr;background:#dbeaf6;padding-bottom:21px}
.mm-grid li{height:49px;border-bottom:1px solid #fff}
.mm-grid li:nth-child(odd){border-right:1px solid #fff}
.mm-grid a{display:block;position:relative;height:48px;line-height:48px;padding-left:31px;font-size:22px;color:#232121;white-space:nowrap}
.mm-grid a:before{content:"»";position:absolute;left:11px;top:0;font-size:15px;line-height:48px}
.mm-grid a:hover{color:var(--red)}
.mm-ft{display:grid;grid-template-columns:49.1% 50.9%;padding:5px 0 6px;background:#eee}
.mm-ft li a{display:flex;align-items:center;height:45px;padding-left:11px;font-size:19px;color:#333;white-space:nowrap}
.mm-ft .ic{flex:none;width:30px;display:flex;align-items:center}
.mm-ft li:nth-child(even) .ic{width:34px}
.mm-ft img{display:block}
body.menu-open{overflow:hidden}
body.menu-open .hd-wrap{max-height:100vh;display:flex;flex-direction:column}
body.menu-open .hd{padding-bottom:7px;border-bottom:2px solid #ddd;flex:none}
body.menu-open .hd-social{display:flex}
body.menu-open .hd-nav,body.menu-open .searchbar{display:none!important}
body.menu-open .mm{display:block}
body.menu-open .hd-searchbtn{display:none}
body.menu-open .hd-burger .b{display:none}body.menu-open .hd-burger .x{display:block}
.hd-tick{background:#f3f3f3;display:flex;align-items:center;padding:12px 0 10px 12px;overflow:hidden}
.hd-tick .tl{position:relative;z-index:2;flex:none;display:flex;height:38px;line-height:38px;background:#fff;font-size:17px;font-weight:700;padding-right:8px;white-space:nowrap}
.hd-tick .tl b{width:26px;text-align:center;background:#23bdef;color:#fff}
.hd-tick .tt{flex:1;overflow:hidden;white-space:nowrap;margin-left:2px}
.hd-tick .ti{display:inline-block;padding-left:8px;animation:tick 55s linear infinite}
.hd-tick .tt:hover .ti{animation-play-state:paused}
.hd-tick .ti a{font-size:16px;font-weight:500;color:#222;vertical-align:middle}
.hd-tick .sq{display:inline-block;width:20px;height:20px;background:#03a9f4;margin:0 10px;vertical-align:middle}
@keyframes tick{from{transform:translateX(0)}to{transform:translateX(-100%)}}
.searchbar{display:none;background:var(--soft);border-bottom:1px solid var(--line);padding:10px 0}
.searchbar.open{display:block}.searchbar form{display:flex;gap:6px}
.searchbar input{flex:1;padding:8px 10px;border:1px solid var(--line);font:inherit}
.searchbar button,.btn{background:var(--red);color:#fff;border:0;padding:8px 18px;font:inherit;cursor:pointer}
.flogo img{filter:invert(1)}
/* hero */
.hero{display:grid;grid-template-columns:1.45fr 1.35fr 1fr;gap:18px;margin-top:16px}
.tag{display:inline-block;background:var(--red);color:#fff;font-size:12px;padding:1px 8px;margin-bottom:4px}
.time{color:var(--muted);font-size:13px}
.hero-lead h2{font-family:var(--font-head);font-size:27px;line-height:1.35;margin:8px 0}
.hero-lead p{margin:0 0 8px;color:#333}
.hero-lead .sub{border-top:1px solid var(--line);padding-top:8px;font-weight:600}
.hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;align-content:start}
.card h3{font-size:16px;line-height:1.4;margin:6px 0 0;font-weight:600}
.card .tag{position:relative}
.card img,.hero-lead img{width:100%;height:auto;aspect-ratio:7/5;object-fit:cover}
/* tabs */
.tabs-nav{display:flex;border-bottom:3px solid var(--red)}
.tabs-nav button{flex:1;background:var(--soft);border:0;padding:8px;font:inherit;font-weight:700;cursor:pointer}
.tabs-nav button.active{background:var(--red);color:#fff}
.tab-pane{display:none;max-height:640px;overflow:auto}.tab-pane.active{display:block}
.tab-pane li{padding:8px 0;border-bottom:1px dotted #bbb}
.tab-pane li a{font-weight:500;display:block;line-height:1.4}
.allnews{display:block;text-align:center;background:var(--soft);padding:8px;font-weight:700;margin-top:6px}
/* blocks */
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.blk{margin-bottom:22px}
.blk-h{display:flex;justify-content:space-between;align-items:center;border-bottom:2px solid var(--red);margin-bottom:10px}
.blk-h h2{margin:0;font-size:20px;background:var(--red);color:#fff;padding:2px 14px;font-family:var(--font-head)}
.blk-h h2 a:hover{color:#fff}
.blk-h .more{font-size:13px;color:var(--red);font-weight:600}
.blk .lead h3{font-size:19px;line-height:1.4;margin:8px 0 4px;font-family:var(--font-head)}
.blk .lead p{margin:0;font-size:15px;color:#444}
.blk .lead img{width:100%;height:auto;aspect-ratio:7/5;object-fit:cover}
.blk .list{margin-top:8px}
.blk .list li{padding:7px 0 7px 14px;border-top:1px solid var(--line);position:relative;line-height:1.4;font-weight:500}
.blk .list li:before{content:"";position:absolute;left:0;top:15px;width:6px;height:6px;background:var(--red)}
.blk .gal{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.blk .gal h3{font-size:15px;margin:4px 0 0;line-height:1.4}
.subnav{display:flex;flex-wrap:wrap;gap:4px 12px;margin-bottom:8px;font-size:14px}.subnav a{color:var(--red);font-weight:600}
.area select{width:100%;padding:8px;margin-bottom:8px;border:1px solid var(--line);font:inherit}
.area .btn{width:100%}
.epaper-card img{width:100%;height:auto;aspect-ratio:3/4;object-fit:cover;border:1px solid var(--line)}
/* single / archive */
.layout{display:grid;grid-template-columns:2.2fr 1fr;gap:26px;margin:20px 0}
.crumb{font-size:14px;color:var(--muted);margin-bottom:8px}.crumb a{color:var(--red)}
.entry h1{font-family:var(--font-head);font-size:34px;line-height:1.35;margin:6px 0 10px}
.meta{color:var(--muted);font-size:14px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:8px 0;margin-bottom:14px}
.entry-content{font-size:18px;line-height:1.85}.entry-content p{margin:0 0 1em}
.entry img{width:100%;height:auto;margin-bottom:14px}
.post-row{display:grid;grid-template-columns:240px 1fr;gap:14px;padding:14px 0;border-bottom:1px solid var(--line)}
.post-row h2{font-size:21px;line-height:1.4;margin:0 0 6px;font-family:var(--font-head)}
.post-row img{width:100%;height:auto;aspect-ratio:7/5;object-fit:cover}
.pagination{margin:20px 0;display:flex;gap:6px;flex-wrap:wrap}
.pagination .page-numbers{border:1px solid var(--line);padding:4px 12px}.pagination .current{background:var(--red);color:#fff;border-color:var(--red)}
/* footer */
.footer{background:#1b1b1b;color:#ddd;margin-top:30px;padding:26px 0 0}
.footer .logo{color:#fff}
.footer-cats{display:grid;grid-template-columns:repeat(6,1fr);gap:6px 14px;margin:18px 0;padding:16px 0;border-top:1px solid #444;border-bottom:1px solid #444}
.footer-cats a:hover{color:#fff;text-decoration:underline}
.copy{font-size:14px;line-height:1.7;padding-bottom:20px;color:#bbb}
@media(max-width:991px){.hero{grid-template-columns:1fr 1fr}.hero-side{grid-column:1/-1}.grid3{grid-template-columns:1fr 1fr}.layout{grid-template-columns:1fr}.footer-cats{grid-template-columns:repeat(3,1fr)}}
@media(max-width:640px){.hero,.grid3{grid-template-columns:1fr}.post-row{grid-template-columns:1fr}.footer-cats{grid-template-columns:repeat(2,1fr)}}