/*
Theme Name: PD Sangbad News
Theme URI: https://alokitogowainghat.com/
Author: Mehedi Hasan
Author URI: https://web.facebook.com/meheedihaasan
Description: Bangla online newspaper theme is custom newspaper theme design only for Alokito Gowainghat. Activate to auto-create categories and dummy posts.
Version: 1.1
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:12px}
.hd-logo{width:250px;height:40px;margin:0 auto}.hd-logo img,.hd-logo a{display:block}.hd-logo img{width:250px;height:40px;object-fit:contain}.hd-logo .logo-link{display:block}
.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:0px;font-size:17px;color:#333}
.hd-date img{width:15px;height:15px}
.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;scrollbar-width: none;}
@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:4px 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:16px;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:24px;line-height:24px;background:#fff;font-size:17px;font-weight:700;padding-right:8px;white-space:nowrap}
.hd-tick .tl b{width:26px;text-align:center;background:#b5121b;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:15px;height:15px;border-radius: 5px;background:#b5121b;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{display:inline-block}.flogo img{width:250px;max-width:100%;height:auto}.flogo.inv 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{color: #ee1d22;
    border-bottom: 1px solid #ee1d22;
    font-size: 17px;
    display: inline-block;
    padding-bottom: 1px;}
.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:var(--ft-bg,#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){.pc-hd{display:none}.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)}}
/* ads (real ads from Theme Options) */
.adx{margin:16px 0;text-align:center;max-width:100%;overflow:hidden}
.adx-side{margin:0 0 14px}
.adx img{display:inline-block;max-width:100%;height:auto}
.adx iframe,.adx ins{max-width:100%}
.below-hd .adx{margin:12px 0}

/* footer credit bar (moved from footer.php) */
.website-credit{text-align:center;padding:12px 0;font-size:14px;color:#777;background:#222}
.website-credit a{color:#fff;text-decoration:none;font-weight:600}
.website-credit a:hover{color:#007bff}

/* ===== PC header : screens >= 992px =====
   tweak sizes here:  --pc-date-size / --pc-menu-size */
.pc-hd{display:none}
.pc-wrap{position:relative;max-width:var(--pc-cw,1650px);margin:0 auto}
@media(min-width:992px){
  :root{--pc-date-size:19px;--pc-menu-size:19px}
  body .hd-wrap,body.menu-open .hd-wrap{display:none!important}
  body.menu-open{overflow:auto}
  .pc-hd{display:contents}

  .pc-top{margin-top:1px;border-top:1px solid #e1e3e1;border-bottom:1px solid #dee2e6;padding-left: 25px;padding-right: 59px;background:#ffffff }
  .pc-top-in{height:130px}
  .pc-logo{position:absolute;left:15px;top:32px}
  .pc-logo .logo-link{display:block}
  .pc-logo img{display:block;width:min(var(--pc-logo-w,466px),calc(100vw - 480px));max-width:none;height:auto}
  .pc-info{position:absolute;right:0;top:45px;display:flex;flex-direction:column;align-items:flex-end}
  .pc-date{display:flex;align-items:center;gap:11px;height:26px;margin-right:9px;font-size:var(--pc-date-size);line-height:1;color:#000;white-space:nowrap}
  .pc-date img{width:20px;height:21px;flex:none}
  .pc-social{display:flex;gap:25px;align-items:center;height:28px;margin-top:13px;color:var(--pc-icon,#333)}
  .pc-social li{width:24px}
  .pc-social a{display:flex;justify-content:center;align-items:center;color:inherit}
  .pc-social a:hover{color:var(--pc-hover,#b5121b)}
  .pc-social svg{display:block;width:24px;height:auto}
  .pc-social .knock{fill:var(--pc-bg-top,#f9f9f9)}

  .pc-navwrap.is-sticky{position:sticky;top:0;z-index:100}
  body.admin-bar .pc-navwrap.is-sticky{top:32px}
  .pc-nav{background:var(--pc-bg-nav,#f8f9fa)}
  .pc-nav-in{display:flex;align-items:center;height:50px;box-shadow:0 0 4px rgba(0,0,0,.07)}
  .pc-menu{display:flex;align-items:center;padding-left: 20px;flex-wrap:nowrap}
  .pc-menu li{position:relative}
  .pc-menu>li>a{display:block;padding:0 15.5px;line-height:62px;font-size:var(--pc-menu-size);font-weight:700;color:var(--pc-menu,#000);white-space:nowrap}
  .pc-menu>li:first-child>a{padding-left:15px}
  .pc-menu a:hover,.pc-menu .current-menu-item>a,.pc-menu .current-menu-ancestor>a,.pc-menu .current_page_item>a{color:var(--pc-hover,#b5121b)}
  .pc-menu .sub-menu{display:none;position:absolute;left:0;top:100%;min-width:210px;background:#fff;border:1px solid #dee2e6;border-top:2px solid var(--pc-hover,#b5121b);box-shadow:0 6px 14px rgba(0,0,0,.12);padding:6px 0;z-index:200}
  .pc-menu li:hover>.sub-menu,.pc-menu li:focus-within>.sub-menu{display:block}
  .pc-menu .sub-menu a{display:block;padding:8px 18px;font-size:17px;font-weight:600;line-height:1.5;color:var(--pc-menu,#000);white-space:nowrap}
  .pc-menu .sub-menu .sub-menu{left:100%;top:-8px}
  .pc-searchbtn{flex:none;width:36px;height:36px;margin-left:55px;border:1px solid #e5e5e5;border-radius:50%;background:#fff;color:#6c757d;display:flex;align-items:center;justify-content:center;padding:0;cursor:pointer}
  .pc-searchbtn:hover{color:var(--pc-hover,#b5121b)}
  .pc-searchbar{display:none;background:var(--soft);border-bottom:1px solid var(--line);padding:10px 0}
  .pc-searchbar.open{display:block}
  .pc-searchbar form{display:flex;gap:6px}
  .pc-searchbar input{flex:1;padding:8px 10px;border:1px solid var(--line);font:inherit}
  .pc-searchbar button{background:var(--red);color:#fff;border:0;padding:8px 18px;font:inherit;cursor:pointer}

  .hd-tick{padding-left:max(12px,calc((100% - var(--pc-cw,1650px))/2 + 15px))}
}
@media(min-width:1340px){
  .pc-logo{left:50%;transform:translateX(-50%)}
  .pc-logo img{width:var(--pc-logo-w,466px)}
}