/* The invisible boundary: a measure that breathes with the page width.
   Stated in px because the theme scales the root font size, which makes
   rem-based limits collapse on desktop. */
:root{--ab-measure:min(100%, clamp(320px, 86vw, 760px));}

/* ---- 2. Article headline + body: justified, inside the boundary ---- */
.single-content .single-hero-title .title,
.single-content .single-content-inner{
	max-width:var(--ab-measure);
	margin-left:auto;margin-right:auto;
}
.single-content .single-hero-title .title{
	text-align:justify;text-align-last:start;
}
.single-content .single-content-inner{
	text-align:justify;
	text-justify:inter-word;
	overflow-wrap:break-word;
	word-break:normal;
	hyphens:none;
}
.single-content .single-content-inner > p,
.single-content .single-content-inner > ul,
.single-content .single-content-inner > ol,
.single-content .single-content-inner > blockquote{
	max-width:100%;text-align:justify;text-align-last:start;
}
/* Media and embeds keep their own alignment inside the boundary. */
.single-content .single-content-inner figure,
.single-content .single-content-inner img,
.single-content .single-content-inner iframe,
.single-content .single-content-inner .blogsy-banner-widget{
	text-align:initial;max-width:100%;
}

/* Card headlines and excerpts across the homepage: justified, bounded. */
.hero-tabs .tab-content .content-inner .title,
.hero-trending .content-inner .title,
.abhimat-hero-pair .ab-title,
.abhimat-hero-pair .ab-date,
.abhimat-excerpt{
	text-align:justify;
	text-align-last:start;
	overflow-wrap:break-word;
	word-break:normal;
	max-width:100%;
}

/* ---- 3. সর্বশেষ: lighter headline, thumbnail level with the headline ---- */
.hero-tabs .tab-content .post-wrapper.mini-layout .post-inner{
	align-items:flex-start;
}
.hero-tabs .tab-content .post-wrapper.mini-layout .image-outer-wrapper{
	margin-top:2px;
}
/* Additional CSS forces 700 with !important on every .post-wrapper title,
   so these two sections override it at higher specificity. */
.hero-tabs .tab-content .content-inner .title,
.hero-tabs .tab-content .content-inner h6.title a{
	font-weight:600 !important;
}

/* ---- 4. জনপ্রীয়: lighter headline, plain excerpt, date beneath it ---- */
.hero-trending .content-inner .title,
.hero-trending .content-inner h6.title a{
	font-weight:600 !important;
}
.hero-trending .post-wrapper.mini-layout > .abhimat-excerpt,
.hero-trending .post-wrapper.mini-layout > .abhimat-excerpt *{
	font-weight:400;
}
.hero-trending .post-wrapper.mini-layout > .abhimat-excerpt strong,
.hero-trending .post-wrapper.mini-layout > .abhimat-excerpt b{
	font-weight:400;
}
/* The date is relocated out of the headline block and sits last in the card. */
.hero-trending .post-wrapper.mini-layout > .meta-wrapper{
	order:3;flex:0 0 auto;margin:7px 0 0;
}
.hero-trending .post-wrapper.mini-layout > .abhimat-excerpt{
	order:2;
}
.hero-trending .post-wrapper.mini-layout > .post-inner{
	order:1;
}

/* ---- 5. Advertisement slot: square on tablet and mobile, AdSense ready ---- */
.abhimat-ad-slot .adsbygoogle,
.abhimat-ad-slot ins.adsbygoogle{
	display:block;width:100%;height:100%;
}
.abhimat-ad-slot > .abhimat-ad-code{
	width:100%;height:100%;display:block;overflow:hidden;
}
@media only screen and (max-width:1024px){
	.hero-trending .abhimat-ad-row{display:flex;justify-content:center;}
	.hero-trending .abhimat-ad-hero{
		height:auto;
		aspect-ratio:1/1;
		width:100%;
		max-width:336px;
		margin-left:auto;margin-right:auto;
	}
	.hero-trending .abhimat-ad-hero img{object-fit:contain;background:#f1f2f4;}
}
@media only screen and (max-width:767px){
	.hero-trending .abhimat-ad-hero{max-width:300px;}
}

/* ---- 6. সর্বশেষ পোস্ট: scroll through the whole day ---- */
.blogsy-sidebar-widget .abhimat-today-list{
	max-height:min(60vh, 420px);
	overflow-y:auto;
	overscroll-behavior:contain;
	padding-right:10px;
	scrollbar-width:thin;
	scrollbar-color:rgba(233,51,20,.55) rgba(17,17,26,.08);
}
.blogsy-sidebar-widget .abhimat-today-list::-webkit-scrollbar{width:6px;}
.blogsy-sidebar-widget .abhimat-today-list::-webkit-scrollbar-track{
	background:rgba(17,17,26,.08);border-radius:3px;
}
.blogsy-sidebar-widget .abhimat-today-list::-webkit-scrollbar-thumb{
	background:rgba(233,51,20,.55);border-radius:3px;
}
.blogsy-sidebar-widget .abhimat-today-list::-webkit-scrollbar-thumb:hover{
	background:rgba(233,51,20,.8);
}
@media only screen and (max-width:767px){
	.blogsy-sidebar-widget .abhimat-today-list{max-height:min(55vh, 300px);}
}

/* ---- 7. সর্বশেষ পোস্ট: visible on every load, scroller on the real list ---- */
/* The sidebar widgets are AOS "fade-up" elements and are left at opacity:0
   whenever the animation does not fire, which is why the widget appeared on
   some loads and not others. Pin them visible. */
.blogsy-sidebar-widget[data-aos]{
	opacity:1 !important;
	transform:none !important;
}
/* Section 6 above targets .abhimat-today-list, a class nothing on the page
   ever adds. Target the list WordPress actually prints as well. */
.blogsy-sidebar-widget .wp-block-latest-posts__list{
	max-height:min(60vh, 420px);
	overflow-y:auto;
	overscroll-behavior:contain;
	padding-right:10px;
	scrollbar-width:thin;
	scrollbar-color:rgba(233,51,20,.55) rgba(17,17,26,.08);
}
.blogsy-sidebar-widget .wp-block-latest-posts__list::-webkit-scrollbar{width:6px;}
.blogsy-sidebar-widget .wp-block-latest-posts__list::-webkit-scrollbar-track{
	background:rgba(17,17,26,.08);border-radius:3px;
}
.blogsy-sidebar-widget .wp-block-latest-posts__list::-webkit-scrollbar-thumb{
	background:rgba(233,51,20,.55);border-radius:3px;
}
.blogsy-sidebar-widget .wp-block-latest-posts__list::-webkit-scrollbar-thumb:hover{
	background:rgba(233,51,20,.8);
}

/* ---- 8. Footer: stacked columns need room once all three are labelled ---- */
@media only screen and (max-width:767px){
	#blogsy-footer-widgets{row-gap:24px;}
	.blogsy-footer-column .wp-block-heading{margin-bottom:10px;}
	.blogsy-sidebar-widget .wp-block-latest-posts__list{max-height:min(55vh, 300px);}
}

/* ---- 9. Sticky header: category strip on phone and tablet ---- */
/* Below 1024px the theme hides the nav entirely and leaves only the
   hamburger, so the sticky bar carries no menu while scrolling. Put the
   categories back as a single swipeable line under the logo row. */
@media only screen and (max-width:1023px){
	#site-sticky-header .pt-header-container{flex-wrap:wrap;row-gap:0;}
	#site-sticky-header .blogsy-header-nav-wrapper{
		display:block !important;
		order:9;flex:0 0 100%;width:100%;
		overflow-x:auto;overflow-y:hidden;
		-webkit-overflow-scrolling:touch;
		scrollbar-width:none;-ms-overflow-style:none;
		border-top:1px solid rgba(17,17,26,.10);
	}
	#site-sticky-header .blogsy-header-nav-wrapper::-webkit-scrollbar{display:none;}
	#site-sticky-header ul.blogsy-header-nav{
		display:flex !important;flex-wrap:nowrap;white-space:nowrap;
		align-items:center;margin:0;padding:0;
	}
	#site-sticky-header ul.blogsy-header-nav > li{flex:0 0 auto;position:static;}
	#site-sticky-header ul.blogsy-header-nav > li > a{
		display:flex;align-items:center;padding:9px 11px;font-size:14px;line-height:1.2;
	}
	/* A one-line strip has no room for dropdowns. */
	#site-sticky-header ul.blogsy-header-nav ul{display:none !important;}
	#site-sticky-header ul.blogsy-header-nav .blogsy-svg-icon--chevron-down{display:none !important;}
}

/* ---- 10. সর্বশেষ পোস্ট numbers: ranked list, Bengali numerals ---- */
.blogsy-sidebar-widget .wp-block-latest-posts__list{
	counter-reset:ab-latest;list-style:none;margin:0;padding-left:0;
}
.blogsy-sidebar-widget .wp-block-latest-posts__list > li{
	counter-increment:ab-latest;
	display:grid;grid-template-columns:46px minmax(0,1fr);
	column-gap:12px;align-items:start;
	padding:13px 0;margin:0;list-style:none;
	border-bottom:1px solid rgba(17,17,26,.10);
}
.blogsy-sidebar-widget .wp-block-latest-posts__list > li:last-child{border-bottom:0;}
/* The theme paints a small red disc on these markers; clear it so the
   numeral itself carries the styling. */
.blogsy-sidebar-widget .wp-block-latest-posts__list > li::before{
	content:counter(ab-latest, bengali);
	background:none !important;background-color:transparent !important;
	width:auto !important;height:auto !important;
	min-width:0 !important;min-height:0 !important;
	border-radius:0 !important;border:0 !important;
	display:block !important;position:static !important;
	margin:0 !important;padding:0 !important;
	font-size:38px !important;line-height:1.02 !important;font-weight:700 !important;
	color:#e93314 !important;text-align:center !important;
	transform:none !important;box-shadow:none !important;
}
.blogsy-sidebar-widget .wp-block-latest-posts__list > li > a{
	display:block;font-size:15px;line-height:1.5;font-weight:600;
}
.blogsy-sidebar-widget .wp-block-latest-posts__list > li:hover > a{color:#e93314;}
@media only screen and (max-width:767px){
	.blogsy-sidebar-widget .wp-block-latest-posts__list > li{grid-template-columns:40px minmax(0,1fr);}
	.blogsy-sidebar-widget .wp-block-latest-posts__list > li::before{font-size:32px !important;}
}