/* DhakaMail-inspired header redesign. Load after main.css. */
.npbd-header { background: var(--np-bg); }
.npbd-topbar { padding: 14px 0 16px; }
.npbd-topbar-inner { min-height:128px; display:grid; grid-template-columns:1fr auto 1fr; gap:26px; align-items:center; }
.npbd-header-tools { display:flex; align-items:center; gap:20px; min-width:0; }
.npbd-hamburger { width:38px; height:36px; border-radius:5px; background:var(--np-bg); border: 2px solid #d71920; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 5px; cursor: pointer; transition: all 0.3s ease; }
.npbd-hamburger span { width: 20px; height: 2px; background: #333; display: block; transition: all 0.3s ease; }
.npbd-hamburger.is-active span:nth-child(1) { transform: rotate(45deg) translateY(10px); }
.npbd-hamburger.is-active span:nth-child(2) { opacity: 0; }
.npbd-hamburger.is-active span:nth-child(3) { transform: rotate(-45deg) translateY(-10px); }
.npbd-search-wrap { flex:1; max-width:300px; }
.npbd-search-form { height:39px; border-radius:22px; background:var(--np-bg); }
.npbd-search-btn { color:var(--np-red); order:-1; padding:8px 0 8px 15px; }
.npbd-search-input { padding:9px 7px; }
.npbd-topbar-date { margin:5px 0 0; color:var(--np-text); font-size:12px; white-space:nowrap; }
.npbd-logo { display:flex; justify-content:center; align-items:flex-end; font-family:Georgia,'Times New Roman',serif; letter-spacing:-3px; }
.npbd-logo img { width:384px; height:115px; max-width:100%; aspect-ratio:384/115; object-fit:contain; }
.npbd-logo-dhaka,.npbd-logo-mail { font-size:78px; line-height:.85; font-weight:700; }
.npbd-logo-dhaka { color:var(--np-red); }
.npbd-logo-mail { color:#303746; }
.npbd-logo-dome { width:44px; height:86px; margin:0 -2px; position:relative; background:linear-gradient(90deg,transparent 16%,#7e8792 17% 23%,transparent 24% 34%,#7e8792 35% 41%,transparent 42% 58%,#7e8792 59% 65%,transparent 66% 76%,#7e8792 77% 83%,transparent 84%); }
.npbd-logo-dome:before { content:''; position:absolute; top:2px; left:0; width:40px; height:40px; border:2px solid #7e8792; border-bottom:0; border-radius:50% 50% 0 0; }
.npbd-logo-dome:after { content:''; position:absolute; bottom:0; left:4px; right:4px; height:6px; border-top:2px solid #7e8792; border-bottom:2px solid #7e8792; }
.npbd-topbar-right { justify-self:end; gap:15px; }
.npbd-social-icons { gap:16px; }
.npbd-icon { width:36px; height:36px; font-family:Arial,sans-serif; background:#eef0f3; color:#273243; font-weight:700; }
.npbd-icon-yt { color:#e21e25; background:#eef0f3; font-size:13px; }
.npbd-icon-fb { color:#45639a; background:#eef0f3; font-size:23px; font-family:Georgia,serif; }
.npbd-icon-x { color:#111; background:#eef0f3; }
.npbd-icon-in { color:#126d9e; background:#eef0f3; font-size:18px; }
.npbd-theme-toggle { font-size:22px; color:#111827; }
.npbd-theme-toggle-label { color:var(--np-text); }
.npbd-navbar { background:#293140; }
.npbd-navbar-inner { min-height:40px; display:flex; align-items:stretch; flex-wrap:wrap; }
.npbd-nav-menu { flex-wrap:wrap; gap:0; }
.npbd-nav-home a { padding:10px 16px 10px 14px; font-size:16px; }
.npbd-nav-menu > li > a { padding:10px 14px; font-size:13px; font-weight:600; white-space:nowrap; }
/* Trending topic bar */
.npbd-trending { background:var(--np-bg); border:0; }
.npbd-trending-inner { min-height:48px; padding:8px 16px; display:flex; align-items:center; gap:10px; overflow:hidden; }
.npbd-trending-wave { width:28px; color:#f1a0a5; font-size:30px; line-height:1; font-family:Arial,sans-serif; transform:rotate(-45deg); flex:none; }
.npbd-trending-label { display:inline-flex; align-items:center; height:27px; padding:0 11px; color:#fff; background:#d71920; border-radius:2px 15px 15px 2px; font-size:13px; font-weight:700; white-space:nowrap; flex:none; }
.npbd-trending-divider { height:29px; width:1px; background:#e3e5e8; margin:0 2px; flex:none; }
.npbd-trending-list { display:flex; align-items:center; gap:8px; width:max-content; animation:none; }
.npbd-trending-list li a { display:block; padding:5px 14px; border-radius:16px; color:#263141; background:#eef0f2; font-size:13px; font-weight:600; line-height:1.2; white-space:nowrap; }
.npbd-trending-list li a:hover { background:#293140; color:#fff; }
@media (max-width:900px) { .npbd-topbar-inner { grid-template-columns:1fr auto; min-height:96px; gap:12px; } .npbd-header-tools { grid-column:1 / -1; } .npbd-logo { justify-self:end; } .npbd-logo img { width:260px; height:auto; } .npbd-logo-dhaka,.npbd-logo-mail { font-size:53px; } .npbd-logo-dome { width:32px; height:59px; } .npbd-logo-dome:before { width:30px; height:30px; } .npbd-topbar-right { display:none; } .npbd-navbar-inner { position:relative; flex-direction:column; } .npbd-nav-menu:not(.npbd-nav-home) { display:none; flex-direction:column; width:100%; gap:0; } .npbd-navbar.npbd-nav-open .npbd-nav-menu:not(.npbd-nav-home) { display:flex; } }
@media (max-width:720px) { .npbd-topbar-inner { display:flex; min-height:62px; flex-wrap:nowrap; } .npbd-header-tools { display:flex; flex:1; } .npbd-header-tools .npbd-search-wrap { display:none; } .npbd-mobile-search-toggle { order:0; } .npbd-logo { order:0; flex:1; } .npbd-logo img { width:170px; height:auto; } .npbd-logo-dhaka,.npbd-logo-mail { font-size:38px; letter-spacing:-2px; } .npbd-logo-dome { width:24px; height:43px; } .npbd-logo-dome:before { width:22px; height:22px; } .npbd-navbar-inner { flex-direction:column; } .npbd-navbar .npbd-nav-menu:not(.npbd-nav-home) { position:absolute; left:0; right:0; top:40px; background:#293140; flex-direction:column; display:none; width:100%; z-index:50; } .npbd-navbar.npbd-nav-open .npbd-nav-menu:not(.npbd-nav-home) { display:flex; } }
@media (max-width:720px) { .npbd-trending-inner { padding-left:12px; gap:7px; } .npbd-trending-wave { width:22px; font-size:24px; } .npbd-trending-label { padding:0 9px; } .npbd-trending-list li a { padding:5px 11px; font-size:12px; } }