/* Dhaka Files — front polish + theme accents (loads last, safe overrides) */
:root{--df-accent:#c0392b;--df-accent-dark:#922b21;--df-radius:10px}
body{--df-accent:#c0392b}
.df-theme-blue{--df-accent:#1565c0;--df-accent-dark:#0d47a1}
.df-theme-green{--df-accent:#1e7d32;--df-accent-dark:#14532d}
.df-theme-purple{--df-accent:#6a1b9a;--df-accent-dark:#4a148c}
.df-theme-orange{--df-accent:#e65100;--df-accent-dark:#bf4300}

/* softer, modern surfaces */
.common-border-box{background:#fff;border:1px solid #eceff1;border-radius:var(--df-radius);box-shadow:0 1px 4px rgba(0,0,0,.05);padding:14px;margin-bottom:18px}
.common-border-box .title{padding-bottom:0;margin-bottom:8px;position:relative}
.common-border-box .title h2,.common-border-box .title h4{font-weight:700}
img{border-radius:6px}
a{transition:color .18s ease}
a:hover{color:var(--df-accent)}
::selection{background:var(--df-accent);color:#fff}

/* cards lift on hover */
.ws-card,.dg-card,.lt-card,.df-gallery-strip .dg-card{transition:transform .2s ease,box-shadow .2s ease}
.ws-card:hover,.dg-card:hover,.lt-card:hover{transform:translateY(-3px);box-shadow:0 8px 20px rgba(0,0,0,.13)}

/* buttons + pagination in accent */
.btn,.button{background:var(--df-accent);border-color:var(--df-accent-dark)}
.pagination .page-item.active .page-link{background:var(--df-accent);border-color:var(--df-accent-dark)}
.pagination .page-link{color:var(--df-accent)}

/* breaking ticker label */
.breaking-box .breaking-label,.label-breaking{background:var(--df-accent)!important}

/* story ring + gallery strip titles in accent */
.df-story-rail .ws-title{color:var(--df-accent)}
.df-block-title{border-left:4px solid var(--df-accent);padding-left:10px;font-weight:700}

/* article body readability */
.details-content,.post-details{line-height:1.9;font-size:1.06rem}
.details-content img{max-width:100%;height:auto;border-radius:8px}

/* footer touch */
.footer-nav-link:hover{color:#fff!important;text-decoration:underline}

/* thin elegant scrollbar */
::-webkit-scrollbar{width:9px;height:9px}
::-webkit-scrollbar-thumb{background:#c9ced3;border-radius:8px}
::-webkit-scrollbar-thumb:hover{background:var(--df-accent)}

/* mobile friendliness hardening */
img, video, iframe, embed, object{max-width:100%}
iframe, video{height:auto}
.details-content table, .post-details table{display:block;overflow-x:auto;max-width:100%}
.details-content iframe{width:100%}
@media (max-width:768px){
  body{font-size:15px}
  .common-border-box{padding:10px;border-radius:8px}
  .container{padding-left:10px;padding-right:10px}
  h1{font-size:1.55rem} h2{font-size:1.3rem} h3{font-size:1.12rem}
  .nav-date-block, .sticky-date-block{cursor:pointer}
  input, select, textarea{font-size:16px} /* stops iOS zoom on focus */
}

/* ---- footer pages: clean prose layout ---- */
.df-page{padding:26px 0 40px}
.df-page-head{max-width:840px;margin:0 auto 18px;border-bottom:3px solid #c0392b;padding-bottom:12px}
.df-page-head h1{font-size:30px;font-weight:800;margin:0;line-height:1.3}
.df-page-prose{max-width:840px;margin:0 auto;font-size:17px;line-height:1.85;color:#2b2b2b;background:#fff}
.df-page-prose p{margin:0 0 14px}
.df-page-prose h2{font-size:23px;font-weight:800;margin:24px 0 10px}
.df-page-prose h3{font-size:20px;font-weight:700;margin:20px 0 8px}
.df-page-prose ul,.df-page-prose ol{margin:0 0 14px;padding-left:22px}
.df-page-prose a{color:#c0392b}
.df-page-prose img{border-radius:10px;margin:10px 0}
@media (max-width:768px){.df-page-head h1{font-size:24px}.df-page-prose{font-size:16px}}

/* ---- homepage poll widget ---- */
.df-poll-widget{background:#fff;border:1px solid #e8e8e8;border-top:4px solid #c0392b;border-radius:12px;padding:16px 16px 12px;margin-top:14px;box-shadow:0 1px 4px rgba(0,0,0,.05)}
.df-poll-head{font-weight:800;margin:0 0 8px;font-size:17px}
.df-poll-q{font-weight:700;font-size:15.5px;line-height:1.5;margin:0 0 10px}
.df-poll-widget .poll-opt{display:flex;align-items:center;gap:9px;padding:8px 11px;border:1px solid #eee;border-radius:8px;margin-bottom:7px;cursor:pointer;font-size:14.5px}
.df-poll-widget .poll-opt:hover{border-color:#c0392b;background:#fdf3f2}
.df-poll-widget .poll-opt input{accent-color:#c0392b}
.df-poll-widget .poll-actions{display:flex;gap:10px;margin-top:10px;align-items:center;flex-wrap:wrap}
.df-poll-widget .poll-vote-btn{background:#c0392b;color:#fff;border:0;border-radius:8px;padding:8px 22px;font-weight:700;cursor:pointer}
.df-poll-widget .poll-result-link{color:#c0392b;font-weight:600;font-size:14px}
.df-poll-widget .poll-msg{font-size:13.5px}
.df-poll-widget .poll-result-box{margin-top:12px;font-size:14px}
.df-poll-all{display:inline-block;margin-top:10px;font-size:13.5px;color:#555}

/* ---- alignment: equal heights, tidy cards ---- */
.home-category-content .row{display:flex;flex-wrap:wrap}
.news-item,.bodymenu-card{height:100%}
.common-border-box{height:100%}
.lead-parent{display:flex;flex-wrap:wrap}
section.bg-white{margin-top:14px}
.title h4,.menu-link span{letter-spacing:.1px}

/* ---- category page mobile polish ---- */
@media (max-width:768px){
  .cat-post-card,.category-post{margin-bottom:14px}
  .cat-post-card img,.category-post img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border-radius:10px}
  .sum{font-size:14.5px;line-height:1.65}
}

/* ---- category page: consistent cards, mobile alignment ---- */
.common-card-content .img-content img,
.common-card-content img.wp-post-image{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:10px}
.sunset-posts-container .img-content img{aspect-ratio:16/9;object-fit:cover;border-radius:8px}
@media (max-width:768px){
  .cat_lead_all .col-md-6{flex:0 0 100%;max-width:100%;margin-bottom:14px}
  .common-card-content{margin-bottom:6px}
  .sunset-posts-container .single-post{display:flex;gap:10px}
}

/* ---- poll v2: gradient band, fills the rail ---- */
.df-poll-v2{padding:0 16px 14px;overflow:hidden}
.df-poll-band{margin:0 -16px 12px;padding:11px 16px;background:linear-gradient(135deg,#c0392b,#8e2418);color:#fff;font-weight:800;font-size:17px;letter-spacing:.2px}
.df-poll-band i{margin-right:6px}
.df-poll-v2 .poll-vote-btn{width:100%;padding:10px;font-size:15.5px}
.df-poll-v2 .poll-opt{padding:10px 12px;font-size:15px}

/* ---- compact pagination ---- */
.df-pagination{flex-wrap:wrap;gap:4px}
.df-pagination .page-link{border-radius:9px!important;border:1px solid #e3e3e3;color:#c0392b;font-weight:700;padding:8px 15px;background:#fff}
.df-pagination .page-item.active .page-link{background:#c0392b;border-color:#c0392b;color:#fff}
.df-pagination .page-item.disabled .page-link{color:#aaa;background:#f7f7f7}

/* ---- category list: proper mobile stacking ---- */
@media (max-width:768px){
  .sunset-posts-container .sub-news .d-flex{flex-direction:column!important}
  .sunset-posts-container .sub-news .flex-shrink-0{width:100%}
  .sunset-posts-container .sub-news #img img,
  .sunset-posts-container .sub-news img.wp-post-image{width:100%!important;max-width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border-radius:10px}
  .sunset-posts-container .sub-news .flex-grow-1{margin:10px 0 0!important;width:100%}
  .sunset-posts-container .sub-news h5{font-size:17.5px!important;line-height:1.5;padding:0!important;margin-bottom:6px!important}
  .sunset-posts-container .sub-news .sum{font-size:14px;line-height:1.65;padding:0!important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
  .overlay-headline{font-size:20px!important;line-height:1.45!important;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
  .cat_lead_all .common-card-content h5.title{font-size:17px;line-height:1.5}
}

/* ---- category lead overlay titles: readable on mobile ---- */
@media (max-width:768px){
  .cat_lead .news-content-box .title,
  .cat_sub_lead .news-content-box .title{font-size:16.5px!important;line-height:1.45!important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
  .cat_lead .news-content-box,
  .cat_sub_lead .news-content-box{padding:26px 10px 9px!important}
}

/* ---- homepage story strip (reference style) ---- */
.df-strip-wrap{background:#fff;padding:12px 0 4px;border-bottom:1px solid #f0f0f0}
.df-strip-head{display:flex;align-items:center;gap:10px;margin-bottom:10px}
.df-strip-title{font-size:21px;font-weight:800;display:flex;align-items:center;gap:8px}
.df-strip-bolt{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;background:#e03325;color:#fff;font-size:14px}
.df-strip-all{margin-left:auto;font-size:13.5px;color:#c0392b;font-weight:600}
.df-strip-outer{position:relative}
.df-strip{display:flex;gap:12px;overflow-x:auto;scroll-behavior:smooth;padding:2px 2px 10px;scrollbar-width:none}
.df-strip::-webkit-scrollbar{display:none}
.df-strip-card{position:relative;flex:0 0 auto;width:128px;height:172px;border-radius:14px;overflow:hidden;background:#222;text-decoration:none}
.df-strip-card>img{width:100%;height:100%;object-fit:cover;display:block}
.df-strip-card::after{content:'';position:absolute;left:0;right:0;bottom:0;height:55%;background:linear-gradient(transparent,rgba(0,0,0,.85))}
.df-strip-badge{position:absolute;top:8px;left:8px;width:30px;height:30px;border-radius:50%;overflow:hidden;border:2px solid #e03325;background:#fff;z-index:2}
.df-strip-badge img{width:100%;height:100%;object-fit:cover}
.df-strip-cap{position:absolute;left:8px;right:8px;bottom:8px;color:#fff;font-size:12.5px;font-weight:600;line-height:1.4;z-index:2}
.df-strip-btn{position:absolute;top:50%;transform:translateY(-60%);z-index:3;width:34px;height:34px;border-radius:50%;border:1px solid #e5e5e5;background:#fff;box-shadow:0 2px 8px rgba(0,0,0,.15);font-size:19px;line-height:1;cursor:pointer;color:#c0392b}
.df-strip-btn.prev{left:-6px}
.df-strip-btn.next{right:-6px}
@media (max-width:768px){.df-strip-card{width:104px;height:142px}.df-strip-btn{display:none}}

/* ---- rail: ad + area/old news widget ---- */
.df-rail-ad{margin-bottom:14px;text-align:center}
.df-area-widget{background:#fff;border:1px solid #ececec;border-radius:14px;padding:14px;margin-bottom:14px;box-shadow:0 1px 5px rgba(0,0,0,.05)}
.df-area-tabs{display:flex;background:#f2f4f7;border-radius:10px;padding:4px;margin-bottom:14px}
.df-area-tab{flex:1;border:0;background:transparent;padding:9px 4px;border-radius:8px;font-weight:700;font-size:14px;color:#555;cursor:pointer}
.df-area-tab.active{background:#fff;color:#c0392b;box-shadow:0 1px 4px rgba(0,0,0,.12)}
.df-area-h{font-size:17px;font-weight:800;margin:0 0 12px;padding-left:9px;border-left:4px solid #c0392b;line-height:1.3}
.df-area-sel{width:100%;border:1px solid #ddd;border-radius:9px;padding:11px 12px;font-size:15px;margin-bottom:10px;background:#fbfbfb;color:#333}
.df-area-btn{width:100%;background:#c0392b;color:#fff;border:0;border-radius:9px;padding:12px;font-size:16px;font-weight:800;cursor:pointer}
.df-area-msg{color:#c0392b;font-size:13.5px;min-height:18px;margin-bottom:6px}


/* ---- all-poll page (moved from blade push) ---- */
.poll-wrap{max-width:820px;margin:22px auto 34px;padding:0 14px}
.poll-head{text-align:left;border-bottom:3px solid #c0392b;padding-bottom:10px;margin-bottom:20px}
.poll-head h1{font-size:26px;font-weight:800;margin:0 0 4px}
.poll-head p{color:#666;margin:0;font-size:14.5px}
.poll-card{background:#fff;border:1px solid #e8e8e8;border-radius:12px;padding:20px 22px;margin-bottom:18px;box-shadow:0 1px 4px rgba(0,0,0,.05)}
.poll-card h3{font-size:19px;font-weight:700;margin:0 0 14px}
.poll-opt{display:flex;align-items:center;gap:9px;padding:9px 12px;border:1px solid #eee;border-radius:8px;margin-bottom:8px;cursor:pointer}
.poll-opt:hover{border-color:#c0392b;background:#fdf3f2}
.poll-opt input{accent-color:#c0392b}
.poll-actions{display:flex;gap:10px;margin-top:12px;align-items:center;flex-wrap:wrap}
.poll-vote-btn{background:#c0392b;color:#fff;border:0;border-radius:8px;padding:9px 26px;font-weight:700;cursor:pointer}
.poll-result-link{color:#c0392b;font-weight:600}
.poll-msg{font-size:14px}
.poll-empty{text-align:center;color:#777;padding:40px 0}
.poll-result-box{margin-top:14px}

/* ---- archive / area pages (moved from blade push) ---- */
.archive-wrap{max-width:900px;margin:22px auto 36px;padding:0 14px}
.archive-head{border-bottom:3px solid #c0392b;padding-bottom:10px;margin-bottom:16px}
.archive-head h1{font-size:27px;font-weight:800;margin:0 0 4px}
.archive-head p{color:#666;margin:0;font-size:15px}
.archive-form{display:flex;gap:10px;flex-wrap:wrap;align-items:center;background:#fff;border:1px solid #e8e8e8;border-radius:12px;padding:14px 16px;margin-bottom:20px;box-shadow:0 1px 4px rgba(0,0,0,.05)}
.archive-form input[type="date"]{border:1px solid #ddd;border-radius:8px;padding:9px 12px;font-size:15px}
.archive-form button{background:#c0392b;color:#fff;border:0;border-radius:8px;padding:10px 24px;font-weight:700;cursor:pointer}
.archive-form .daynav{margin-left:auto;display:flex;gap:8px}
.archive-form .daynav a{border:1px solid #e3e3e3;border-radius:8px;padding:9px 14px;color:#c0392b;font-weight:600;text-decoration:none;background:#fff}
.archive-empty{text-align:center;color:#777;padding:44px 0;font-size:16px}

 /* ---- news list rows: fixed thumbnail size (category, archive, area) ---- */
.catsubMoremedianews .sub-news .flex-shrink-0{width:270px;max-width:270px}
.catsubMoremedianews .sub-news .flex-shrink-0 img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border-radius:8px;display:block}
.catsubMoremedianews .sub-news h5{line-height:1.5}

/* ---- lead cards: full titles ---- */
.sunset-homepage-sliders .news-content-box .title{height:auto;-webkit-line-clamp:unset}

/* ---- mobile: news lists become a 2-column grid ---- */
@media (max-width:768px){
.catsubMoremedianews{display:grid;grid-template-columns:1fr 1fr;gap:16px 12px}
.catsubMoremedianews .sub-news .d-flex{flex-direction:column;border-bottom:0!important;padding-bottom:0!important;margin-bottom:0!important}
.catsubMoremedianews .sub-news .flex-shrink-0{width:100%;max-width:100%}
.catsubMoremedianews .sub-news .flex-shrink-0 img{border-radius:10px}
.catsubMoremedianews .sub-news .flex-grow-1{margin-left:0!important}
.catsubMoremedianews .sub-news h5{font-size:15px;line-height:1.5;padding:7px 2px 0!important;margin:0!important;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.catsubMoremedianews .sub-news p.sum{display:none}
.catsubMoremedianews>.text-center,.catsubMoremedianews>.col-lg-12,.catsubMoremedianews>nav{grid-column:1/-1}
.archive-wrap{padding:0 10px}
}

/* ---- poll images ---- */
.df-poll-img{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:10px;margin:0 0 10px;display:block}
.poll-card .poll-img{width:100%;aspect-ratio:16/8;object-fit:cover;border-radius:10px;margin-bottom:12px;display:block}

/* ---- homepage lead: latest band fills the column ---- */
.df-latest-band{margin-top:16px;background:#fff;border:1px solid #eee;border-radius:12px;padding:12px 14px 6px}
.df-latest-h{font-size:19px;font-weight:800;color:#c0392b;border-bottom:2px solid #f3d9d5;padding-bottom:8px;margin:0 0 10px}
.df-latest-item{display:flex;gap:10px;align-items:flex-start;text-decoration:none;margin-bottom:12px}
.df-latest-item img{width:92px;height:66px;object-fit:cover;border-radius:8px;flex:none}
.df-latest-item span{font-size:14.5px;font-weight:600;line-height:1.45;color:#222;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.df-latest-item:hover span{color:#c0392b}

/* ---- mobile news grid: hardened (round 11) ---- */
@media (max-width:768px){
.catsubMoremedianews{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px 10px;width:100%;overflow:hidden}
.catsubMoremedianews .sub-news{min-width:0;overflow:hidden}
.catsubMoremedianews .sub-news .d-flex{flex-direction:column!important;border-bottom:0!important;padding-bottom:0!important;margin-bottom:0!important}
.catsubMoremedianews .sub-news .flex-shrink-0{width:100%!important;max-width:100%!important}
.catsubMoremedianews .sub-news #img{width:100%!important;max-width:100%!important}
.catsubMoremedianews .sub-news img{width:100%!important;max-width:100%!important;height:auto!important;aspect-ratio:16/10;object-fit:cover;border-radius:10px;display:block}
.catsubMoremedianews .sub-news .flex-grow-1{margin-left:0!important;min-width:0}
.catsubMoremedianews .sub-news h5{font-size:14px!important;line-height:1.5!important;padding:7px 2px 0!important;margin:0!important;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.catsubMoremedianews .sub-news p.sum{display:none!important}
.df-latest-item img{width:76px;height:56px}
.df-latest-item span{font-size:13.5px}
}

/* ---- rail ad box (under area widget) ---- */
.df-rail-adbox{margin-top:14px;text-align:center}
.df-rail-adbox img{max-width:100%;height:auto;border-radius:10px}

/* ---- national section: latest panel ---- */
.df-side-latest{background:#fff;border:1px solid #eee;border-radius:12px;padding:12px 14px 6px}
.df-side-latest-h{font-size:19px;font-weight:800;color:#c0392b;border-bottom:2px solid #f3d9d5;padding-bottom:8px;margin-bottom:4px}
.df-side-latest-item{display:flex;gap:10px;align-items:flex-start;padding:8px 0;border-bottom:1px solid #f2f2f2;text-decoration:none}
.df-side-latest-item:last-child{border-bottom:0}
.df-side-latest-item img{width:84px;height:60px;object-fit:cover;border-radius:7px;flex:none}
.df-side-latest-item span{font-size:14px;font-weight:600;line-height:1.45;color:#222;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.df-side-latest-item:hover span{color:#c0392b}

/* ============================================================
   v2 DESIGN - dhakastory-style (serif, navy + red, clean cards)
   ============================================================ */
body{font-family:'Noto Serif Bengali',serif;line-height:1.65;color:#1e293b;background-color:#f8fafc}
body,button,input,select,textarea,.title,h1,h2,h3,h4,h5,h6,p,a{font-family:'Noto Serif Bengali',serif}
h1,h2,h3,h4,h5,h6,.title{color:#141c2e}

/* dark navy nav bars */
#top-nav{background:linear-gradient(135deg,#111111 0%,#1a1a1a 50%,#111111 100%)!important;border-top:2px solid #cc0000}
.category-nav-list li a{color:#e2e8f0!important}
.category-nav-list li a:hover{color:#f87171!important}
.nav-date-block,.nav-date-lines,.nav-date-line1,.nav-date-line2{color:#e2e8f0!important}
.sticky-nav{background:#ffffff!important;box-shadow:0 2px 10px rgba(0,0,0,.10);overflow:visible!important}
.sticky-nav ul li a{color:#1e293b!important}
.sticky-nav ul li a:hover{color:#cc0000!important}
.sticky-menu-btn{color:#1e293b!important}

/* refined cards */
.common-card-content{background:#fff;border:1px solid #eaeaea;border-radius:10px;overflow:hidden;transition:box-shadow .25s ease}
.common-card-content:hover{box-shadow:0 4px 14px rgba(0,0,0,.07)}
.common-border-box{border-color:#eaeaea!important;border-radius:12px}

/* section headers */
.bodymenu-link{border-bottom:2px solid #c3282d;padding-bottom:8px;margin-bottom:16px}
.bodymenu-link a span{color:#141c2e!important;font-weight:800;font-size:23px}
.bodymenu-link a:hover span{color:#c3282d!important}

/* title hovers */
a:hover .title,.common-card-content:hover .title{color:#c3282d}

/* lead list rows */
.selected-news .sub-news{border-bottom:1px solid #f1f5f9;padding-bottom:10px;margin-bottom:10px}
.selected-news .sub-news:last-child{border-bottom:0}

/* mobile app-style bottom nav */
.df-bottom-nav{display:none}
@media (max-width:768px){
body{padding-bottom:58px}
.df-bottom-nav{display:flex;position:fixed;left:0;right:0;bottom:0;height:56px;background:#141c2e;z-index:999;box-shadow:0 -2px 10px rgba(0,0,0,.25)}
.df-bottom-nav a{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;color:#cbd5e1;text-decoration:none;font-size:11px}
.df-bottom-nav a i{font-size:18px}
.df-bottom-nav a:active,.df-bottom-nav a:hover{color:#f87171}
}

/* ---- nav fit: smaller links so every option shows ---- */
.category-nav-list li a{font-size:15.5px!important;padding:11px 10px!important;white-space:nowrap}
.sticky-nav ul{display:flex;align-items:center;flex-wrap:nowrap;max-width:100%}
.sticky-nav ul li a{font-size:14.5px!important;padding:11px 7px!important;white-space:nowrap}
.sticky-nav .sticky-menu-btn-item{flex:none}
@media (max-width:1280px){
.sticky-nav ul li a{font-size:14px!important;padding:10px 6px!important}
.category-nav-list li a{font-size:15px!important;padding:11px 11px!important}
}
.df-story-logo{object-fit:contain!important;padding:2px;background:#fff}

/* category lead: title over image -> white + scrim */
.cat_lead .news-content-box{background:linear-gradient(to top,rgba(0,0,0,.68),rgba(0,0,0,0))}
.cat_lead .news-content-box .title{color:#fff!important;text-shadow:0 1px 5px rgba(0,0,0,.65)}
.cat_lead .summery{color:#f1f5f9!important}

/* category lead (all 5 images): overlay titles white */
.lead-section .news-content-box{background:linear-gradient(to top,rgba(0,0,0,.68),rgba(0,0,0,0))}
.lead-section .news-content-box .title,.lead-section .cat_sub_lead .title{color:#fff!important;text-shadow:0 1px 5px rgba(0,0,0,.65)}

@media (max-width:1024px){
.sticky-nav ul li a{font-size:13px!important;padding:9px 5px!important}
}

/* ---- nav subcategory dropdowns (dhakastory-style) ---- */
.category-nav-list>li,.sticky-nav ul>li{position:relative}
.nav-dropdown-menu{position:absolute;top:100%;left:0;min-width:185px;background:#141414;border:1px solid #282828;border-top:2.5px solid #cc0000;border-radius:0 0 8px 8px;box-shadow:0 14px 35px rgba(0,0,0,.35);list-style:none;padding:6px 0;margin:0;opacity:0;visibility:hidden;transform:translateY(6px);transition:all .18s ease;z-index:1200}
.has-nav-dropdown:hover>.nav-dropdown-menu{opacity:1;visibility:visible;transform:translateY(0)}
.nav-dropdown-menu li{display:block}
.nav-dropdown-menu li a{display:block!important;padding:8px 16px!important;font-size:14px!important;color:#e8e8e8!important;white-space:nowrap;text-decoration:none}
.nav-dropdown-menu li a:hover{color:#ff3b30!important;background:#1f1f1f}
.nav-dropdown-icon{font-size:11px;transition:transform .18s ease}
.has-nav-dropdown:hover .nav-dropdown-icon{transform:rotate(180deg)}

/* ---- dropdown refinement per screenshot ---- */
.category-nav-list .nav-dropdown-menu{min-width:228px}
.category-nav-list .nav-dropdown-menu li a{padding:12px 22px!important;font-size:15.5px!important}
/* sticky: wide white horizontal panel */
.sticky-nav .nav-dropdown-menu{background:#ffffff;border:1px solid #e2e8f0;border-top:2.5px solid #cc0000;border-radius:0 0 10px 10px;box-shadow:0 16px 38px rgba(0,0,0,.16);display:flex;flex-wrap:wrap;width:max-content;max-width:min(880px,92vw);padding:8px 10px}
.sticky-nav .nav-dropdown-menu li a{color:#1e293b!important;font-size:15px!important;padding:10px 16px!important;border-radius:6px}
.sticky-nav .nav-dropdown-menu li a:hover{color:#cc0000!important;background:#fef2f2}
.sticky-nav ul>li:nth-last-child(-n+3) .nav-dropdown-menu{left:auto;right:0}

/* main bar: dropdowns must not be clipped on desktop */
@media (min-width:769px){
#top-nav{position:relative;z-index:1040}
#top-nav,#top-nav nav,#mobile_scroll,#top-nav .category-nav-list{overflow:visible!important}
}

/* main bar dropdown: force vertical stacking, no exceptions */
#top-nav .category-nav-list .nav-dropdown-menu{display:block!important;width:232px!important}
#top-nav .category-nav-list .nav-dropdown-menu>li{display:block!important;float:none!important;width:100%!important}
#top-nav .category-nav-list .nav-dropdown-menu>li>a{display:block!important;width:100%!important;box-sizing:border-box}

/* সোশ্যাল মিডিয়া dropdown (round 40) */
.df-social-wrap{position:relative;display:inline-block}
.df-social-menu{position:absolute;top:calc(100% + 8px);left:50%;transform:translateX(-50%) translateY(6px);background:#fff;border:1px solid #e7eaef;border-radius:12px;box-shadow:0 18px 46px rgba(20,28,46,.20);min-width:215px;padding:8px;opacity:0;visibility:hidden;transition:all .2s ease;z-index:1300;text-align:left}
.df-social-wrap:hover .df-social-menu,.df-social-wrap.open .df-social-menu{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0)}
.df-social-menu a{display:flex!important;align-items:center;gap:11px;padding:9px 12px!important;border-radius:8px;color:#1e293b!important;font-size:14px;font-weight:600;text-decoration:none;white-space:nowrap}
.df-social-menu a:hover{background:#f1f5f9}
.df-social-menu a i{width:20px;text-align:center;font-size:16px}
.df-social-menu a.facebook i{color:#1877F2}
.df-social-menu a.youtube i{color:#FF0000}
.df-social-menu a.instagram i{color:#E1306C}
.df-social-menu a.twitter i{color:#111}
.df-social-menu a.linkedin i{color:#0A66C2}
.df-social-menu a.telegram i{color:#229ED9}
.df-social-menu a.whatsapp i{color:#25D366}

/* Article view polish, dhakastory-style (round 41) */
.details-title{font-size:2.05rem!important;line-height:1.35!important;font-weight:800!important;color:#111827!important}
@media(max-width:768px){.details-title{font-size:1.5rem!important}}
.dtl_content_section p{font-size:1.1rem!important;line-height:1.85!important}
.df-verified{color:#1d9bf0;font-size:15px;margin-left:2px}
.share-btn-circle.bg-tg{background:#229ED9}
.total-shares-pill{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:999px;padding:7px 15px;font-weight:700;font-size:13.5px;color:#334155;display:inline-flex;align-items:center}
.df-keypoints{background:#ecfdf5;border:1px solid #a7f3d0;border-radius:12px;padding:16px 18px 12px;margin:16px 0}
.df-keypoints-title{font-weight:800;color:#065f46;font-size:16.5px;margin-bottom:8px}
.df-keypoints-title i{color:#d97706}
.df-keypoints ul{margin:0;padding-left:20px}
.df-keypoints li{margin:5px 0;line-height:1.65;color:#1f2937;font-size:15.5px}
.df-author-box{display:flex;gap:14px;align-items:flex-start;background:#f8fafc;border:1px solid #e7eaef;border-radius:14px;padding:18px;margin:22px 0}
.df-author-badge{width:54px;height:54px;min-width:54px;border-radius:12px;background:linear-gradient(135deg,#c3282d,#8f1d21);color:#fff;display:flex;align-items:center;justify-content:center;font-family:'Noto Serif Bengali',serif;font-weight:900;font-size:22px}
.df-author-name{font-weight:800;font-size:16.5px;color:#141c2e}
.df-author-name span{color:#059669;font-size:13px;font-weight:700}
.df-author-info p{margin:5px 0 0;color:#475569;font-size:14px;line-height:1.65}
.df-author-info a{color:#c3282d;font-weight:600}
.df-author-logo{width:54px;height:54px;min-width:54px;border-radius:50%;object-fit:contain;padding:5px;background:#fff;border:1px solid #e7eaef}
.df-verified-svg{width:19px;height:19px;vertical-align:-3px;margin-left:3px;flex-shrink:0}

/* Article sidebars, dhakastory-style (round 44) */
#related_news .common-border-box{border:1px solid #e7ecf3!important;border-radius:12px;background:#fff!important;padding:8px 14px;box-shadow:none!important}
#related_news .news-separator-horizontal-border{display:block!important;border-top:1px solid #f1f5f9;height:0;margin:0}
#related_news .sub-news:first-child .news-separator-horizontal-border{display:none!important}
#related_news .sub-news{margin-bottom:14px}
#related_news .flex-content .img-content{width:88px!important}
#related_news .img-content img{width:88px!important;height:58px!important;object-fit:cover;border-radius:6px}
#related_news .sub-news h4.title{font-size:14.5px!important;font-weight:600;line-height:1.62;padding-bottom:2px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.df-tabs .list_display_block1{height:auto!important;max-height:none!important;overflow:visible!important}
.df-tabs .sub2-lead-content .d-flex{align-items:flex-start}
.df-tabs .sub2-lead-content h4.title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:14px!important;line-height:1.62!important;padding-bottom:2px;font-weight:600;white-space:normal!important}
.df-num{width:26px;height:26px;min-width:26px;border-radius:50%;background:#eef2f7;color:#334155;font-weight:700;font-size:13px;display:flex;align-items:center;justify-content:center;margin-right:10px;margin-top:3px}

/* Screenshot-matched refinements (round 45) */
#related_news .sub-news h4.title{color:#17365d}
.df-tabs .sub2-lead-content h4.title{color:#17365d}
.rpt_info_section>div{border-bottom:1px solid #eef2f6;padding-bottom:7px;margin-bottom:7px}
.rpt_info_section>div:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}
.df-tabs .allNews{display:block;text-align:center;border:1px solid #bcd7f5;color:#1d6fd1!important;padding:9px 12px;border-radius:8px;font-weight:600;margin-top:10px;background:#f5f9ff;text-decoration:none}
.df-num{font-size:14px}

/* Exact dhakastory spec (round 46) */
.df-tabs .tab_bar_block_new ul{margin-bottom:6px!important;border-bottom:2px solid #e5e5e5}
.df-tabs .tab_bar_block_new ul>li{padding:2px 14px!important;font-size:15px!important;line-height:22px!important}
.df-tabs .tab_bar_block_new ul>li.active{border-bottom:4px solid #000!important}
.df-tabs .sub2-lead-content{position:relative;padding-top:2px;padding-bottom:2px;min-height:48px}
.df-tabs .sub2-lead-content .d-flex{align-items:center!important}
.df-num{width:24px;height:24px;min-width:24px;line-height:24px;font-size:13px;font-weight:700;color:#64748b;background:#edf0f4;border-radius:50%;margin-right:8px;margin-top:0;padding:0;display:inline-flex;align-items:center;justify-content:center;text-align:center;flex-shrink:0}
.df-tabs .sub2-lead-content .d-flex>img{width:72px!important;height:48px!important;border-radius:4px!important;margin-right:10px;object-fit:cover}
.df-tabs .sub2-lead-content .flex-fill{padding-left:6px}
.df-tabs .sub2-lead-content h4.title{font-size:15px!important;line-height:21px!important;font-weight:600;margin:0!important;padding:1px 4px 1px 6px!important;color:#1e293b;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;white-space:normal!important}
.df-tabs .news-separator-horizontal-border{margin:5px 0!important;border-top:1px solid #f0f2f5!important}
.df-tabs .allNews{margin-top:8px;padding:6px 10px;font-size:14px;line-height:20px;font-weight:600;border-radius:6px}
#related_news .dtl_tags_news_title{display:flex!important;align-items:center;border-left:4px solid #c3282d!important;margin-top:10px!important;margin-bottom:12px!important;padding-left:10px!important}
#related_news .dtl_tags_news_title a{font-size:16px!important;font-weight:700!important;color:#0f172a!important;letter-spacing:-0.2px;text-decoration:none}
#related_news .sub-news{margin-bottom:0;padding-bottom:10px}
#related_news .news-separator-horizontal-border{border-top:1px solid #f1f5f9!important;margin:0 0 10px!important}
#related_news .common-border-box .flex-content .img-content{width:68px!important}
#related_news .common-border-box .img-content img{width:68px!important;height:50px!important;border-radius:6px!important;object-fit:cover}
#related_news .common-border-box .sub-news h4.title{font-size:13.5px!important;line-height:1.42!important;font-weight:600!important;color:#1e293b!important;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
@media (max-width:767.98px){
#related_news .common-border-box .flex-content .img-content{width:84px!important}
#related_news .common-border-box .img-content img{width:84px!important;height:60px!important}
#related_news .common-border-box .sub-news h4.title{font-size:15px!important;line-height:1.45!important}
}

/* Footer, dhakastory spec (round 47) */
footer .footer_logo img{max-height:52px;width:auto!important;max-width:160px}
.footer-nav-link{display:inline-flex;align-items:center;min-height:44px;color:#4a5568!important;font-weight:500;text-decoration:none!important;padding:4px 8px;border-radius:6px;transition:all .2s ease-in-out;white-space:nowrap;font-size:14px}
.footer-nav-link:hover{color:#cc0000!important;background-color:rgba(204,0,0,.07)}
.footer-nav-dot{color:#cbd5e1;font-size:10px;user-select:none;padding:0 1px}
.footer-nav-badge{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:600;text-decoration:none!important;padding:3px 10px;border-radius:20px;border:1px solid #e2e8f0;background-color:#f8fafc;color:#475569!important;margin-left:4px;transition:all .2s ease;min-height:32px}
.footer-nav-badge.rss-badge{color:#ea580c!important;border-color:#fed7aa;background-color:#fff7ed}
.footer-nav-badge.sitemap-badge:hover{color:#0d6efd!important;border-color:#93c5fd;background-color:#eff6ff;transform:translateY(-1px)}
.footer-nav-badge.rss-badge:hover{color:#c2410c!important;border-color:#ea580c;background-color:#ffedd5;transform:translateY(-1px)}


/* Sidebar boxes must end with their content, not stretch to the footer (round 48) */
#related_news .common-border-box{height:auto!important}
.tab_block_one.df-tabs{height:auto!important}

/* round 51: sticky header spans full width (theme caps .container-fluid at 1400px, leaving blank side space in the sticky bar) */
header.sticky .container-fluid{max-width:100%}

/* round 52: no sideways page drift - clip horizontal overflow (clip keeps position:sticky working, unlike hidden) */
html,body{overflow-x:clip}
/* off-canvas mobile menu rides on transform instead of a negative right offset parked outside the page */
.mobile-side-menu{right:0!important;transform:translateX(105%);transition:transform .3s cubic-bezier(.4,0,.2,1)}
.mobile-side-menu.open{transform:translateX(0)}

/* round 53: category bar in the logo's slate gray (#55666e family) instead of full black */
#top-nav{background:linear-gradient(135deg,#49585f 0%,#55666e 50%,#49585f 100%)!important}

/* round 58: homepage top-lead boxes hug their content (no equal-height stretch leaving empty bordered space) */
#top-lead-content .common-border-box{height:auto!important}
#top-lead-content .df-latest-band{height:auto!important;flex:none!important;align-self:flex-start!important}

/* round 59: centre lead list fills the lead row height with items spread evenly (border ends on the band's line, no empty tail); leaderboard ad slot under the top-lead section */
#leadSection .col-md-4 .common-border-box{height:100%!important;display:flex;flex-direction:column}
#leadSection .col-md-4 .selected-news{flex:1;display:flex;flex-direction:column;justify-content:space-between}
.df-leaderboard-ad{max-width:720px;margin:16px auto 2px;padding:0 10px;text-align:center}
.df-leaderboard-ad img,.df-leaderboard-ad iframe{max-width:100%}

/* round 60: centre lead list - slightly smaller rounded thumbs + titles, tighter item spacing so its border ends on the band's line; right rail trimmed (~42px) so its last ad box ends on the same line */
#leadSection .col-md-4 .selected-news .img-content{width:100px!important}
#leadSection .col-md-4 .selected-news .img-content img{width:100px!important;height:60px!important;object-fit:cover;border-radius:8px!important}
#leadSection .col-md-4 .selected-news h4.title{font-size:14.5px!important;line-height:1.4!important}
#leadSection .col-md-4 .selected-news .sub-news{padding-bottom:6px!important;margin-bottom:6px!important}
#leadSection .col-md-4 .common-border-box{padding-top:9px!important;padding-bottom:9px!important}
#top-lead-content .col-md-3 .common-border-box{padding-top:9px;padding-bottom:9px}
#top-lead-content .col-md-3 .df-rail-ad{margin-bottom:8px}
#top-lead-content .col-md-3 .df-area-widget{padding:10px;margin-bottom:8px}
#top-lead-content .col-md-3 .df-rail-adbox{margin-top:4px}

/* round 60b: on desktop, pin the centre list box to the lead row height set by the left column, so its border ends exactly on the band's line regardless of headline lengths */
@media (min-width:768px){
  #leadSection .col-md-4{position:relative}
  #leadSection .col-md-4 .common-border-box{position:absolute;top:0;right:15px;bottom:0;left:15px;height:auto!important;margin:0!important;overflow:hidden}
}

/* round 61: centre list items back to fuller natural size/spacing so the inter-item white gaps shrink (the round 60 shrink had inflated the distributed gaps); border line is held by the 60b pin, not by item size */
#leadSection .col-md-4 .selected-news .img-content{width:105px!important}
#leadSection .col-md-4 .selected-news .img-content img{width:105px!important;height:65px!important}
#leadSection .col-md-4 .selected-news h4.title{font-size:16px!important;line-height:1.5!important}
#leadSection .col-md-4 .selected-news .sub-news{padding-bottom:8px!important;margin-bottom:8px!important}

/* round 62: no faint divider line under the centre list items on the homepage (title underlines removed in the base .common-border-box .title rule above) */
#leadSection .col-md-4 .selected-news .sub-news{border-bottom:0!important}

/* round 63: taller centre-list thumbnails so the items fill more of the pinned box height and the white gaps between articles shrink further */
#leadSection .col-md-4 .selected-news .img-content{width:108px!important}
#leadSection .col-md-4 .selected-news .img-content img{width:108px!important;height:82px!important}