/* =========================================================
   DIGBANG — SINGLE POST SIDEBAR
========================================================= */


/* =========================================================
   SIDEBAR INNER
========================================================= */

.db-single-post-sidebar__inner {

	display:flex;

	flex-direction:column;


	width:100%;


	gap:56px;


	direction:rtl;

}



/* =========================================================
   BANNER
========================================================= */

.db-single-post-sidebar__banner {

	display:block;


	width:100%;


	margin:0;


	padding:0;


	border-radius:24px;


	overflow:hidden;


	text-decoration:none;

}



.db-single-post-sidebar__banner-image {

	display:block;


	width:100%;


	height:auto;


	border-radius:24px;


	object-fit:cover;

}



/* =========================================================
   LATEST POSTS
========================================================= */

.db-single-post-sidebar__recommended {

	width:100%;


	margin:0;


	padding:0;

}



.db-single-post-sidebar__title {

	margin:0;


	color:#8E7D71;


	font-family:"Vazirmatn", sans-serif;


	font-size:32px;


	font-weight:700;


	line-height:1.5;


	text-align:right;

}



/* =========================================================
   LIST
========================================================= */

.db-single-post-sidebar__list {


	display:flex;


	flex-direction:column;


	width:100%;


	margin-top:32px;


	gap:24px;


}



/* =========================================================
   CARD
========================================================= */

.db-single-post-sidebar__item {


	width:100%;


	margin:0;


	padding:0;


	border:1px solid #FFE0CC;


	border-radius:24px;


	background:#FFFFFF;


	box-sizing:border-box;


	overflow:hidden;


	transition:

		box-shadow .25s ease,

		transform .25s ease,

		border-color .25s ease;


}



.db-single-post-sidebar__item-link {


	display:block;


	width:100%;


	height:100%;


	text-decoration:none;


	background:#FFFFFF;


	border-radius:24px;


	overflow:hidden;


}



/* =========================================================
   IMAGE
========================================================= */

.db-single-post-sidebar__item-image {


	display:block;


	width:336px;


	height:154px;


	object-fit:cover;


	border-radius:24px 24px 0 0;


}




/* =========================================================
   CONTENT
========================================================= */

.db-single-post-sidebar__item-content {


	padding:16px;


	box-sizing:border-box;

}



.db-single-post-sidebar__item-title {


	margin:0;


	color:#665A51;


	font-family:"Vazirmatn", sans-serif;


	font-size:20px;


	font-weight:700;


	line-height:1.6;


	text-align:right;


}



/* =========================================================
   HOVER
========================================================= */

.db-single-post-sidebar__item:hover {


	border-color:#FFD2B5;


	transform:translateY(-3px);


	box-shadow:


		0 10px 30px rgba(255,102,0,.10),


		0 4px 12px rgba(246,237,222,.45);


}



/* =========================================================
   TABLET
========================================================= */

@media(max-width:1399px){


	.db-single-post-sidebar__item-image {


		width:100%;


		height:auto;


		aspect-ratio:336 / 154;


	}

}



/* =========================================================
   MOBILE
========================================================= */

@media(max-width:767px){


	.db-single-post-sidebar__inner {


		gap:40px;


	}



	.db-single-post-sidebar__title {


		font-size:24px;


	}



	.db-single-post-sidebar__list {


		margin-top:24px;


		gap:20px;


	}



	.db-single-post-sidebar__item-title {


		font-size:18px;


	}



}