/*
Theme Name: NewsWorldBD Modern
Theme URI: https://www.newsworldbd.com/
Author: NewsWorldBD
Description: A fresh responsive Bengali news theme migrated from the original NewsWorldBD theme, retaining existing category IDs, URLs and advertising integrations.
Version: 2.0.0
Text Domain: newsworldbd-modern
*/
@font-face{font-family:SolaimanLipi;src:url("assets/fonts/solaimanlipi.ttf") format("truetype");font-display:swap}
:root{--red:#c91524;--red-dark:#a90f1d;--ink:#17191d;--muted:#68707b;--line:#e7e9ed;--soft:#f4f5f7;--white:#fff;--width:1240px}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--soft);color:var(--ink);font-family:SolaimanLipi,"Noto Sans Bengali",Arial,sans-serif;font-size:16px;line-height:1.65}
a{color:inherit;text-decoration:none}
a:hover{color:var(--red)}
img{display:block;max-width:100%;height:auto}
button,input{font:inherit}
.container{width:min(var(--width),calc(100% - 32px));margin-inline:auto}
.site-top{background:#191b20;color:#e7e9ed;font-size:13px}
.top-inner{min-height:34px;display:flex;align-items:center;justify-content:space-between;gap:12px}
.top-links{display:flex;gap:16px}
.brandbar{background:#fff;border-bottom:1px solid var(--line)}
.brand-inner{min-height:100px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.brand-logo img{width:auto;max-width:min(100%,320px);max-height:82px;object-fit:contain}
.brand-fallback{font-family:Arial,sans-serif;font-size:32px;font-weight:900;letter-spacing:-1px}
.brand-fallback span{color:var(--red)}
.header-ad{flex:1;max-width:728px;min-width:0;text-align:center}
.search-form{display:flex;border:1px solid var(--line);border-radius:7px;overflow:hidden;background:#fff}
.search-form input{width:180px;max-width:60vw;border:0;padding:9px 11px;outline:0}
.search-form button{border:0;background:var(--red);color:#fff;padding:0 13px;cursor:pointer}
.main-nav{background:var(--red);color:#fff;position:relative;z-index:20}
.nav-inner{display:flex;align-items:center;min-height:46px}
.nav-list{display:flex;align-items:center;gap:0;list-style:none;margin:0;padding:0;flex-wrap:wrap}
.nav-list li a{display:block;padding:10px 11px;font-size:14px;white-space:nowrap;font-weight:700}
.nav-list li a:hover,.nav-list li.current-menu-item>a{background:var(--red-dark);color:#fff}
.nav-toggle{display:none;border:1px solid #ffffff66;background:transparent;color:#fff;border-radius:6px;padding:6px 11px;margin:6px 0}
.breaking{background:#fff;border-bottom:1px solid var(--line)}
.breaking-inner{display:flex;align-items:center;gap:12px;min-height:42px;overflow:hidden}
.breaking-label{background:#202228;color:#fff;padding:4px 11px;white-space:nowrap;font-size:13px;font-weight:bold}
.breaking-items{display:flex;gap:24px;overflow:hidden;white-space:nowrap;font-size:14px}
.breaking-items a:before{content:"◆";font-size:9px;color:var(--red);margin-right:8px}
.site-main{padding:22px 0 42px}
.section{margin:0 0 28px}
.section-heading{display:flex;align-items:center;justify-content:space-between;border-bottom:2px solid var(--red);margin:0 0 15px}
.section-heading h2{margin:0;background:var(--red);color:#fff;padding:6px 14px;font-size:19px;line-height:1.5}
.section-heading>a{font-size:13px;color:var(--muted);font-weight:bold}
.hero-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(260px,1fr);gap:18px}
.hero-main{position:relative;min-height:370px;background:#222;border-radius:10px;overflow:hidden}
.hero-main>a:first-child,.hero-main>a:first-child img{display:block;width:100%;height:100%;min-height:370px}
.hero-main>a:first-child img{object-fit:cover;opacity:.92}
.hero-main:after{content:"";position:absolute;inset:28% 0 0;background:linear-gradient(transparent,rgba(0,0,0,.88));pointer-events:none}
.hero-content{position:absolute;z-index:1;left:0;right:0;bottom:0;padding:22px;color:#fff}
.hero-content h1{font-size:29px;line-height:1.42;margin:4px 0 8px}
.hero-content p{margin:0;color:#eee;font-size:14px}
.meta{font-size:12px;color:var(--muted)}
.hero-content .meta{color:#ddd}
.hero-side{display:grid;grid-template-rows:repeat(3,minmax(0,1fr));gap:11px}
.story-horizontal{display:grid;grid-template-columns:112px minmax(0,1fr);gap:11px;align-items:start;background:#fff;border:1px solid var(--line);border-radius:9px;padding:9px;min-width:0}
.story-horizontal img{width:112px;height:86px;object-fit:cover;border-radius:6px;background:#e9ebef}
.story-horizontal h3{font-size:15px;line-height:1.5;margin:0 0 5px}
.story-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}
.story-card{background:#fff;border:1px solid var(--line);border-radius:9px;overflow:hidden;min-width:0}
.story-card>a>img{width:100%;aspect-ratio:16/10;object-fit:cover;background:#e9ebef}
.story-card-body{padding:11px 12px 13px}
.story-card h3{font-size:16px;line-height:1.55;margin:3px 0 6px}
.story-card p{font-size:13px;color:#616a74;margin:0}
.category-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px;align-items:start}
.category-panel{background:#fff;border:1px solid var(--line);border-radius:9px;padding:13px;min-width:0}
.category-panel .section-heading{margin-bottom:11px}
.category-panel .section-heading h2{font-size:17px}
.category-feature img{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:7px;margin-bottom:8px}
.category-feature h3{font-size:17px;line-height:1.5;margin:0 0 5px}
.category-feature p{font-size:13px;color:var(--muted);margin:0 0 8px}
.news-links{list-style:none;margin:0;padding:0}
.news-links li{padding:8px 0;border-top:1px solid var(--line);font-size:14px;line-height:1.5}
.news-links li:before{content:"›";color:var(--red);font-weight:bold;margin-right:8px}
.ad-wrap{max-width:100%;overflow:hidden;text-align:center;margin:0 auto 16px}
.ad-wrap ins,.ad-wrap iframe{max-width:100%}
.archive-head{background:#fff;border:1px solid var(--line);border-radius:9px;padding:18px 21px;margin-bottom:17px}
.archive-head h1{font-size:27px;margin:0 0 4px}
.archive-head p{margin:0;color:var(--muted)}
.archive-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:20px;align-items:start}
.archive-layout.has-left-ad{grid-template-columns:160px minmax(0,1fr) 300px}
.archive-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}
.archive-card{background:#fff;border:1px solid var(--line);border-radius:9px;overflow:hidden;min-width:0}
.archive-card>a>img{width:100%;aspect-ratio:16/10;object-fit:cover;background:#e9ebef}
.archive-card .story-card-body{padding:12px}
.archive-card h2{font-size:18px;line-height:1.5;margin:4px 0 6px}
.archive-card p{font-size:14px;color:#616a74;margin:0 0 8px}
.sidebar-box{background:#fff;border:1px solid var(--line);border-radius:9px;padding:14px;margin-bottom:17px}
.sidebar-box h3{font-size:18px;margin:0 0 9px;padding-bottom:8px;border-bottom:2px solid var(--red)}
.sidebar-list{list-style:none;padding:0;margin:0}
.sidebar-list li{padding:8px 0;border-bottom:1px solid var(--line);font-size:14px;line-height:1.5}
.pagination{display:flex;gap:7px;flex-wrap:wrap;margin-top:20px}
.pagination .page-numbers{padding:7px 12px;background:#fff;border:1px solid var(--line);border-radius:6px}
.pagination .current{background:var(--red);color:#fff;border-color:var(--red)}
.single-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:22px;align-items:start}
.article{background:#fff;border:1px solid var(--line);border-radius:10px;padding:clamp(16px,3vw,31px);min-width:0}
.breadcrumbs{font-size:13px;color:var(--muted);margin-bottom:11px}
.article-category{display:inline-block;background:#fff0f1;color:var(--red);font-size:13px;font-weight:bold;padding:4px 9px;border-radius:4px;margin-bottom:8px}
.article h1{font-size:clamp(26px,3vw,38px);line-height:1.45;margin:0 0 11px}
.article-meta{font-size:13px;color:var(--muted);margin-bottom:17px}
.article-featured{width:100%;max-height:570px;object-fit:contain;background:#f1f2f4;border-radius:8px;margin:0 0 17px}
.article-content{font-size:18px;line-height:1.95;color:#292d33;overflow-wrap:anywhere}
.article-content p{margin:0 0 1.2em}
.article-content img{max-width:100%!important;height:auto!important;margin:17px auto;border-radius:7px}
.article-content iframe,.article-content video{max-width:100%}
.article-content table{display:block;max-width:100%;overflow-x:auto}
.article-content blockquote{border-left:4px solid var(--red);margin:20px 0;padding:10px 17px;background:#f7f7f8}
.article-tags{border-top:1px solid var(--line);padding-top:14px;margin-top:20px}
.related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}
.facebook-like{margin-top:22px;padding:13px 0;border-top:1px solid var(--line)}
.placeholder-image{width:100%;aspect-ratio:16/10;background:linear-gradient(135deg,#eceef1,#dfe2e7);display:flex;align-items:center;justify-content:center;color:#9aa1aa;font:700 16px Arial,sans-serif;letter-spacing:1px}
.site-footer{background:#191b20;color:#d9dce1;padding:30px 0 16px}
.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:22px}
.footer-brand{font:900 22px Arial,sans-serif;color:#fff;margin-bottom:9px}
.footer-brand span{color:#ff5966}
.footer-grid h3{font-size:16px;color:#fff;margin:0 0 10px}
.footer-grid p,.footer-grid li{font-size:13px;color:#c0c4ca}
.footer-grid ul{list-style:none;padding:0;margin:0}
.footer-grid li{padding:4px 0}
.footer-bottom{border-top:1px solid #ffffff22;margin-top:20px;padding-top:13px;font-size:12px;color:#aeb3bb}
.empty-state{background:#fff;border:1px dashed #cbd0d7;border-radius:9px;padding:24px;text-align:center;color:var(--muted)}
@media(max-width:1100px){
 .hero-grid{grid-template-columns:minmax(0,1.5fr) minmax(240px,1fr)}
 .story-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
 .category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .archive-layout.has-left-ad{grid-template-columns:minmax(0,1fr) 280px}
 .archive-layout.has-left-ad>.category-left-ad{display:none}
}
@media(max-width:800px){
 .container{width:calc(100% - 24px)}
 .brand-inner{min-height:78px}
 .brand-logo img{max-width:230px;max-height:65px}
 .nav-toggle{display:block}
 .nav-inner{display:block}
 .nav-list{display:none;flex-direction:column;align-items:stretch;padding:4px 0 9px}
 .nav-list.is-open{display:flex}
 .nav-list li a{padding:9px 11px;border-top:1px solid #ffffff25}
 .hero-grid{grid-template-columns:1fr}
 .hero-main,.hero-main>a:first-child,.hero-main>a:first-child img{min-height:280px}
 .hero-content h1{font-size:24px}
 .hero-side{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:none}
 .story-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .archive-layout,.archive-layout.has-left-ad,.single-layout{grid-template-columns:1fr}
 .archive-layout>.category-left-ad{display:none}
 .footer-grid{grid-template-columns:1fr 1fr}
 .footer-grid>div:first-child{grid-column:1/-1}
}
@media(max-width:540px){
 body{font-size:15px}
 .top-links{display:none}
 .brand-inner{gap:8px}
 .brand-logo img{max-width:180px;max-height:56px}
 .brand-fallback{font-size:24px}
 .header-tools .search-form input{width:100px;padding:8px}
 .header-tools .search-form button{padding:0 9px}
 .hero-main,.hero-main>a:first-child,.hero-main>a:first-child img{min-height:245px}
 .hero-content{padding:14px}
 .hero-content h1{font-size:21px}
 .hero-side{grid-template-columns:1fr}
 .story-horizontal{grid-template-columns:98px minmax(0,1fr)}
 .story-horizontal img{width:98px;height:75px}
 .story-grid,.category-grid,.archive-cards,.related-grid{grid-template-columns:1fr}
 .story-card{display:grid;grid-template-columns:112px minmax(0,1fr)}
 .story-card>a>img{height:100%;min-height:100px;aspect-ratio:auto}
 .story-card-body{padding:9px}
 .story-card h3{font-size:15px}
 .section-heading h2{font-size:17px}
 .archive-head h1{font-size:23px}
 .article{padding:15px}
 .article h1{font-size:25px}
 .article-content{font-size:16px;line-height:1.85}
 .footer-grid{grid-template-columns:1fr}
 .footer-grid>div:first-child{grid-column:auto}
}