body { font-family: 'Noto Sans Bengali', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Arial, sans-serif; }
:root {
	--mobile-topbar-height: 88px;
	--logo-height-mobile: 44px;   /* Mobile topbar logo height */
	--logo-height-desktop: 64px;  /* Desktop header logo height */
	--logo-height-footer: 64px;   /* Footer logo height */
}
.card img { max-height: 180px; object-fit: cover; }

/* Sidebar styles (Latest/Popular) */
.DLPSTab2 .nav-tabs .nav-link { border: none; color: #5f6f64; }
.DLPSTab2 .nav-tabs .nav-link.active { background: #c8f0d7; color: #1d6e42; border: 1px solid #1d6e42; border-bottom-color: transparent; }
.DLPSTab2 .panel-heading { border-bottom: 1px solid #e0e0e0; }
.sidebar-news-item { color: inherit; }
.sidebar-news-index { display: inline-flex; align-items: center; justify-content: center; width: 20px; color: #1d6e42; font-weight: 700; }
.sidebar-sep { border-color: #e0f0e6; }
.sidebar-all-btn { background: #baf0cf; color: #1d6e42; border: none; }
.sidebar-all-btn:hover { background: #a5e6c0; color: #155c35; }

/* Category blocks on home */
.cat-block { padding: 12px 12px 6px; border: 1px solid #e6f1ea; border-radius: 4px; background: #fff; }
.cat-header { border-bottom: 1px solid #e6f1ea; padding-bottom: 8px; }
.cat-dot { display:inline-block; width: 28px; height: 28px; background: url('../img/cat-dot.svg') no-repeat center center, #1d6e42; border-radius: 4px; }
.cat-title-link { color: #1d6e42; }
.cat-title-link:hover { color: #155c35; }
.cat-list-item { position: relative; }
.cat-list-item a { color: #303030; }
.cat-list-item a:hover { color: #1d6e42; }

/* Article details */
.article-details .content p { margin-bottom: 1rem; }
.article-details .share .btn { width: 32px; height: 32px; padding: 0; display: inline-flex; align-items: center; justify-content: center; }

/* Header tweaks */
.heroHeaderSection { display: block !important; }
/* Force consistent logo dimensions regardless of upload size */
.heroHeaderSection .logoImg {
	height: var(--logo-height-desktop);
	width: auto;
	max-width: 100%;
	object-fit: contain;
}
.heroHeaderSection .logoTxt { font-size: 12px; margin: 2px 0 0; color: #6b7a6f; }
.mobileTopbar .icon-circle { width: 32px; height: 32px; border-radius: 50%; background: #eef6f0; display: inline-flex; align-items: center; justify-content: center; }
.mobileTopbar .logoImg {
	height: var(--logo-height-mobile);
	width: auto;
	max-width: 100%;
	object-fit: contain;
}

/* Ensure mobile header is visible on small screens and above sticky nav */
@media (max-width: 991.98px) {
	/* Keep mobile topbar visible and sticky */
	.mobileTopbar {
		display: block !important;
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		z-index: 1041;
		background: #fff;
		border-bottom: 1px solid #e6f1ea;
		padding-top: env(safe-area-inset-top);
	}
	/* Prevent content jump under the fixed mobile header */
	body {
		padding-top: var(--mobile-topbar-height);
		/* On iOS with notch, include safe-area */
		padding-top: calc(var(--mobile-topbar-height) + env(safe-area-inset-top));
	}
	/* On mobile, don't make the desktop header/nav sticky */
	header.sticky-top { position: static; top: auto; z-index: auto; background: transparent; border-bottom: none; }
	/* Ensure the header wrapper is visible on mobile too */
	.heroHeaderSection { display: block !important; }
}

/* Category page */
.category-card h6 { line-height: 1.25; }
.category-card .imgResize { border-radius: 2px; overflow: hidden; }

/* Footer logo sizing */
.footerSection .img100 {
	height: var(--logo-height-footer);
	width: auto;
	max-width: 100%;
	object-fit: contain;
}

/* Mobile navigation styling */
.mobile-nav-link {
	color: #303030 !important;
	font-weight: 500;
	transition: all 0.3s ease;
}

.mobile-nav-link:hover, .mobile-nav-link.active {
	color: #1d6e42 !important;
	background: rgba(29, 110, 66, 0.1) !important;
}

.mobile-nav-link.text-muted {
	color: #6c757d !important;
	font-size: 0.9rem;
}

.mobile-nav-link.text-muted:hover, .mobile-nav-link.text-muted.active {
	color: #1d6e42 !important;
	background: rgba(29, 110, 66, 0.05) !important;
}

/* Nav dropdowns / mega menu */
@media (min-width: 992px) {
	.navbarDesk .dropdown:hover > .dropdown-menu { display: block; margin-top: 0; }
	/* Force desktop header/nav visible on large screens */
	.heroHeaderSection { display: block !important; }
	header .navbarDesk { display: block !important; }
	.navbarMobile { display: none !important; }
}
.sticky-top {
	position: sticky;
	top: 0;
	z-index: 1030; /* Below offcanvas (1045) and above content */
	background: #fff;
	border-bottom: 1px solid #e6f1ea;
}
.navbarDesk .dropdown-menu { border-color: #e6f1ea; box-shadow: 0 2px 10px rgba(0,0,0,0.05); }
.navbarDesk .mega-menu .row > [class^='col-'] { border-right: 1px solid #eef4ef; }
.navbarDesk .mega-menu .row > [class^='col-']:last-child { border-right: none; }
.navbarDesk .dropdown-item { padding: .4rem .75rem; }