@charset "UTF-8";
/* CSS Document - v4.1.1 */

/* Font Face Definitions */
@font-face {
	font-family: 'IRANSansX2';
	font-style: normal;
	font-weight: 300;
	src: url('https://cdn.bayan.ir/blog/templates/shared/assets/fonts/woff/IRANSansX-Light.woff');
}
@font-face {
	font-family: 'IRANSansX2';
	font-style: normal;
	font-weight: normal;
	src: url('https://cdn.bayan.ir/blog/templates/shared/assets/fonts/woff2/IRANSansX-Light.woff2');
}

@font-face {
	font-family: 'IRANSansX2';
	font-style: normal;
	font-weight: normal;
	src: url('https://cdn.bayan.ir/blog/templates/shared/assets/fonts/woff/IRANSansX-Regular.woff');
}
@font-face {
	font-family: 'IRANSansX2';
	font-style: normal;
	font-weight: normal;
	src: url('https://cdn.bayan.ir/blog/templates/shared/assets/fonts/woff2/IRANSansX-Regular.woff2');
}
@font-face {
	font-family: 'IRANSansX2';
	font-style: normal;
	font-weight: bold;
	src: url('https://cdn.bayan.ir/blog/templates/shared/assets/fonts/woff/IRANSansX-Bold.woff');
}
@font-face {
	font-family: 'IRANSansX2';
	font-style: normal;
	font-weight: bold;
	src: url('https://cdn.bayan.ir/blog/templates/shared/assets/fonts/woff2/IRANSansX-Bold.woff2');
}


h1, h2, h3, h4, h5, h6 {
	font-family: 'IRANSansX2', tahoma, arial, sans-serif;
	cursor: default;
}


body {
	font-family: "IRANSansX2", sans-serif !important;
	direction: rtl;
	padding-top: 8.2rem;
	line-height: 1.5em;
	background-color: #f6f8f7;
}


a {
	transition: 0.2s;
}

a h1, a h2, a h3, a h4, a h5, a h6 {
	cursor: pointer;
	color: #2A303B;
	transition: 0.2s;
}

a:hover h1, a:hover h2, a:hover h3, a:hover h4, a:hover h5, a:hover h6 {
	color: #bf1313 !important;
}

.btn-ripple i {
	padding: 10px;
	background: transparent;
	color: #bf1313 !important;
	transition: 0.2s;
	border-radius: 50px;
}

.btn-ripple:hover i {
	background: #F1F3F6;
}

/* Navbar */
.navbar {
	padding: 1.2rem 0;
	background-color: rgba(255, 255, 255, 0.9) !important; /* Subtle background color */
	border-bottom: 1px solid #E4E7ED;
	backdrop-filter: brightness(100%) saturate(150%) blur(15px) !important;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); /* Subtle shadow */
}

@supports not (backdrop-filter: none) {
	.navbar {
		background: rgba(255, 255, 255, 0.98) !important;
	}
}

.navbar-brand {
	display: flex;
	align-items: center;
	padding-left: 1cm !important;
	font-size: 1.5em;
	font-weight: bold;
	color: #bf1313 !important;
	width: 160px;
}

.social-widget {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: row;
}

.social-buttons {
	display: flex;
	flex-direction: row;
}

/* Larger font size for laptop and desktop screens */

@media (max-width: 767.98px) {
	
	.container .row {
		flex-direction: column;
	}
	.container .col-lg-9 {
		order: 1;
	}
	.container .col-lg-3 {
		order: 2;
	}
}

.page-link {
	color:	#bf1313;
}

.page-link:hover {
	color:	#bf1313;
}




@media screen and (min-width: 1px) {
	.navbar-brand {
		width: 100px;
	}
	
	
	.navbar-brand img {
		height: 1.97917em; /* Adjust the height as needed */
		margin-right: 10px; /* Adjust based on the desired spacing between the logo and the title */
	}
	
	.navbar-brand:hover {
		color: #bf1313 !important;
	}
	
	.navbar-nav .nav-link{
		font-size: 88%;
	}
	
	.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus {
		color: #bf1313 !important;
	}
	
	.navbar-light .navbar-nav .show > .nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.selected {
		color: #bf1313 !important;
	}
	
	.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus {
		color: #bf1313 !important;
	}
	
	.nav-link{
		font-weight: bold;
	}
	
	.menu-items{
		padding: 19.69px 0;
	}
	
	.btn-follow {
		background-color: #bf1313 !important; /* replace with your desired color */
		color: #f6f8f7 !important; /* replace with your desired font color */
		border-color: #bf1313 !important;
		outline: none !important;
	}
	
	.btn-follow:hover {
		background-color: #bf1313 !important; /* replace with your desired color */
		color: #f6f8f7FFF; /* replace with your desired font color */
		border-color: #bf1313;
		outline: none !important;
	}
	
	.btn-follow:focus {
		outline: none !important;
	}
	
	.btn-sm, .btn-group-sm > .btn {
		color: #bf1313; /* changes the font color */
		border-color: #bf1313 !important; /* changes the border color */
		outline: none !important;
		padding: 0.25rem 1rem;
		font-size: 0.875rem;
		border-radius: 0.5rem;
		width: max-content;
	}
	
	.btn-sm:hover, .btn-group-sm > .btn:hover {
		color: #f6f8f7; /* changes the font color on hover */
		background-color: #bf1313;
		border-color: #bf1313; /* changes the border color on hover */
		outline: none !important;
	}
	
	.btn-sm:focus, .btn-group-sm > .btn:focus {
		color: #f6f8f7; /* changes the font color on hover */
		background-color: #bf1313;
		border-color: #bf1313; /* changes the border color on hover */
		outline: none !important;
	}
	
	.post-list .card-body p {
		position: relative;
		font-size: 14px;
		color: #2A303B;
		
		display: -webkit-box;
		-webkit-line-clamp: 3;
		-webkit-box-orient: vertical;
		overflow: hidden;
		text-overflow: ellipsis;
		
		-webkit-line-clamp: 4 !important;
	}
	
	.post-featured .card-body p {
		position: relative;
		font-size: 14px;
		color: #2A303B;
		
		display: -webkit-box;
		-webkit-line-clamp: 3;
		-webkit-box-orient: vertical;
		overflow: hidden;
		text-overflow: ellipsis;
		
		-webkit-line-clamp: 3 !important;
	}
	
	body.dark .post-featured .card-body p, body.dark .post-list .card-body p{
		color: #cbcdd3;
	}
	
	
	.card {
		background: transparent;
	}
	
	.card-body .small{
		font-size: 13px;
	}
	
	.card-text{
		position: relative;
		font-size: 14px;
		color: #2A303B;
	}
	
	.post-details .text-success{
		color: #00A693 !important;
	}
	
	.post-details .text-danger{
		olor: #EB5757 !important;
	}
	
	.post-details .text-secondary{
		color: #778191 !important;
	}
	
	.bi.post-details{
		line-height: 19px;
	}
	
	.post-list div:last-child hr{
		display: none;
	}
	
	.blog-image img{
		width:100%;
		height:auto;
		border-radius:10px;
		transition: transform 0.3s ease;
	}
	.blog-image img:hover {
		transform: scale(1.05);
	}
	
	.followBx {
		margin-bottom:20px;
		background: none;
		border-radius: 10px;
		padding: 10px 4px 4px;
		font-family: 'IRANSansX2','tahoma','arial','sans-serif;';
	}
	.followersTitle {
		padding: 0 4px;
		margin-bottom: 7px;
		font-size: 1rem;
		cursor: default;
	}
	.followersCount {
		color: #778191;
	}
	
	.followThis {
		display: block;
		padding: 6px 16px;
		margin: 2px;
		background: #bf1313;
		color: #f6f8f7 !important;
		border-radius: 0.25rem;
		text-align: center;
		font-family: 'IRANSansX2','tahoma','arial','sans-serif;';
	}
	
	.followThis.followed {
		background-color: transparent;
		border: 2px solid #bf1313;
		color: #bf1313 !important ;
		border-radius: 0.25rem;
		font-family: 'IRANSansX2','tahoma','arial','sans-serif;';
	}
	#followInBx {
		margin: 0 auto;
		max-width: 100% !important;
	}
	
	
	.social-box i{
		font-size: 26px;
	}
	.social-box i:hover{
		color: #bf1313;
		cursor: pointer;
	}
	.social-box ul{
		cursor: default;
	}
	.social-box li{
		cursor: default;
		padding-right: 6px;
	}
	.social-box h6{
		line-height: 1.4em;
	}
	
	.tag-box li{
		direction: rtl;
		display: inline-block;
		margin: 1px 1px 30px;
		padding-bottom: 6px;
	}
	img.center {
		display: block;
		margin-left: auto;
		margin-right: auto;
	}
	
	.tag-box a{
		text-decoration: none;
		background: #F1F3F6;
		border-radius: 5px;
		padding: 3px 5px;
		font-size: 13px;
		color: #778191;
		border: 2px solid transparent;
		transition: 0.2s;
	}
	.tag-box a:hover{
		background: #F1F3F6;
		color: #bf1313 !important;
		border-color: #bf1313 !important;
	}
	.tag-box li.selected a {
		background: #F1F3F6;
		color: #bf1313 !important;
		border-color: #bf1313 !important;
	}
	.tag-box ul{
		cursor: default;
		text-align: right;
	}
	
	.messages{
		margin-bottom: 30px;
		border-right: 6px solid #bf1313;
		padding: 10px 10px 1px;
	}
	.messages-content h2{
		font-size: 1.25rem;
		
	}
	
	.post-item-box li a{
		display: block;
		color: #2A303B;
		font-size: 14px;
		padding: 6px 10px;
		text-decoration: none;
		border-bottom: 1px solid #F5F7FA;
		transition: 0.2s;
	}
	.post-item-box li a:hover{
		color: #bf1313;
		background: #fff;
	}
	.post-item-box li.active a{
		color: #bf1313;
		background: #F5F7FA;
	}
	
	.post-item-box li:last-child a{
		border: none;
		
	}
	
	.category-box{
		cursor: default;
	}
	
	.category-box h3{
		display: inline-block;
		color: #2A303B;
		font-size: 14px;
		text-decoration: none;
	}
	
	.category-box a{
		text-decoration: none;
	}
	
	.category-box .post-list-count{
		font-size: 13px;
	}
	
	.category-box ul{
		margin-right: 0;
		padding-right: 0;
	}
	.category-box ul li{
		position: relative;
		list-style: none;
		margin-right: 12px;
	}
	.category-box ul li ul li{
		margin-right: 20px;
	}
	.category-box ul li.active a h3{
		color: #bf1313;
	}
	.category-box ul li ul li.active a h3{
		color: #bf1313;
	}
	.category-box ul li:before{
		display: block;
		content: '';
		position: absolute;
		width: 7px;
		height: 7px;
		background: #bf1313;
		top: 8px;
		right: -12px;
		border-radius: 1px;
	}
	.category-box ul li ul li:before{
		width: 8px;
		height: 12px;
		border: 2px solid #bf1313;
		border-top: none;
		border-left: none;
		background: transparent;
		top: 3px;
		right: -12px;
	}
	.category-box ul li ul li ul li:before{
		border: 2px solid #bf1313;
		border-top: none;
		border-left: none;
	}
	
	.category-box ul li.active:before{
		background: #bf1313;
	}
	.category-box ul li ul li.active:before{
		background: transparent;
		border-color:#bf1313;
	}
	.category-box ul li ul li ul li.active:before{
		background: transparent;
		border-color:#bf1313;
	}
	
	.nav-saerch-box{
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		background: #f6f8f7;
		height: 100%;
		opacity: 0;
		z-index: -1000;
	}
	
	.col-centered{
		margin: 0 auto;
		float: none;
	}
	.nav-saerch-box .search-input{
		height: 99.73px;
		background: transparent;
		border: none;
		border-radius: 0;
	}
	.nav-saerch-box .search-input:focus{
		box-shadow: none;
	}
	.nav-saerch-box button{
		border: none;
		background: transparent;
		padding-top: 6px;
		font-size: 18px;
		color: #778191;
	}
	.nav-saerch-box ::placeholder{
		color: #778191;
	}
	.close-search-box{
		font-size: 20px;
		cursor: pointer;
	}
	
	.post-image-wrp{
		margin-top: -30px;
		padding-right: 0 !important;
	}
	.post-image{
		position: relative;
		overflow: hidden !important;
		z-index: 100;
		text-align: center;
	}
	.post-image span{
		display: block;
	}
	.bg-image{
		position: absolute;
		overflow: hidden;
		width: 100%;
		filter: grayscale(50%);
		z-index: 99;
		background-color: #f6f8f7;
	}
	.bg-image img{
		opacity: 0.9;
		filter: blur(15px);
		-webkit-filter: blur(15px);
		transform: scale(1.1);
	}
	
	.post-content {
		font-size: 1.08rem;
		font-weight: 300;
		line-height: 1.9;
		color: #181c25;
		list-style-type: persian; /* اگر نیاز است */
	}
	
	.post-content img {
		max-width: 100%;
		border-radius: 15px;
		transition: transform 0.3s ease;
	}
	
	.post-content img:hover {
		transform: scale(1.1); /* افزایش مقیاس تصویر هنگام هاور */
	}
	
	
	.divider{
		font-size: 8px;
		padding: 0 3px;
		opacity: 0.5;
		
	}
	
	.comment-avatar{
		position: relative;
		overflow: hidden;
		width: 46px;
		height: 46px;
		border-radius: 60px;
		z-index: 20;
	}
	.comment-avatar img{
		width: 100%;
		height: auto;
	}
	
	.comment-body{
		font-size: 15px;
	}
	
	.comment-item .avatar-line{
		content: '';
		display: block;
		position: absolute;
		width: 2px;
		min-height: 10px;
		background: #bf1313;
		top: 30px;
		right: 38px;
	}
	.hasreply .comment-body{
		padding-bottom: 30px;
	}
	.comment-reply h4{
		color: #bf1313;
	}
	.comment-reply .comment-body{
		padding-bottom: 0;
	}
	
	.comment-add-form{
		font-size: 14px;
		padding-right: 50px;
	}
	.comment-add-form select{
		border: 1px solid #ccc;
		border-radius: 6px;
		font-size: 14px;
		min-width: 220px;
		padding:3px 6px;
	}
	.comment-add-form .sendbutton {
		background: #bf1313;
		border: 1px solid #bf1313;
		color: #f6f8f7;
		border-radius: 6px;
		padding: 3px 30px;
	}
	
	body.dark .comment-add-form{
		font-size: 14px;
		padding-right: 50px;
	}
	body.dark .comment-add-form select , body.dark #captchaInput{
		background: #202634;
		color: #cbcdd3;
		border: 1px solid #596272;
	}
	body.dark .comment-add-form .sendbutton {
		background: #bf1313;
		border: 1px solid #bf1313;
		color: #f6f8f7;
	}
	
	.rate-up i, .rate-up .txt-rate{
		color:#778191;
	}
	.rate-down i, .rate-down .txt-rate{
		color:#778191;
	}
	
	.rate-up.rated i, .rate-up.rated .txt-rate{
		color:#00A693;
	}
	.rate-down.rated i, .rate-down.rated .txt-rate{
		color:#bf1313;
	}
	
	.pagination a {
		padding: 4px 12px;
	}
	
	.page-item.current .page-link {
		color: #f6f8f7;
		background-color: #bf1313 !important;
		border-color: #bf1313;
	}
	
	.page-item.current .page-link:hover {
		background-color: #bf1313;
	}
	
	blockquote{
		background: #f5f5f5;
		padding: 12px 20px;
		display: inline-block;
		border-right:4px solid #bf1313;
		margin: 20px 0;
	}
	
	hr{
		background-color: #dee2e6 !important;
		opacity: 1;
	}
	
	/* Footer Styles */
	footer {
		background-color: #41495a;  /* Changed background color */
		color: white;
		padding: 40px 0;
		font-size: 14px;
		line-height: 1.6;
	}
	
	.footer-section {
		margin-bottom: 20px;
	}
	
	.footer-section h2 {
		font-size: 18px;
		margin-bottom: 15px;
		font-weight: bold;
	}
	
	.footer-section p,
	.footer-section a {
		color: white;
		margin-bottom: 10px;
		text-decoration: none;
		transition: color 0.2s;
	}
	
	.footer-section a:hover {
		color: #bf1313;
	}
	
	.footer-section .social-icons {
		display: flex;
		justify-content: center; /* Center align the icons */
		gap: 10px;
	}
	
	.footer-section .social-icons a {
		color: white;
		font-size: 18px;
		transition: color 0.2s;
	}
	
	.footer-section .social-icons a:hover {
		color: #bf1313;
	}
	
	footer .links ul {
		list-style: none;
		padding: 0;
	}
	
	footer .links ul li {
		margin-bottom: 10px;
	}
	
	footer .footer-bottom {
		display: flex;
		align-items: center; /* Center align vertically */
		justify-content: center; /* Center align horizontally */
		text-align: center;
		padding-top: 20px;
		border-top: 1px solid #4e5d6c;
	}
	
	footer .footer-bottom p {
		margin: 0;
	}
	
	/* Dark Mode using body.dark class */
	body.dark footer {
		background-color: #2c3e50; /* Dark mode background color */
	}
	
	body.dark .footer-section p,
	body.dark .footer-section a {
		color: #d3d3d3; /* Light grey text color for dark mode */
	}
	
	body.dark .footer-section a:hover {
		color: #ff6666; /* Light red for hover effect in dark mode */
	}
	
	body.dark .footer-section .social-icons a {
		color: #d3d3d3; /* Light grey for icons in dark mode */
	}
	
	body.dark .footer-section .social-icons a:hover {
		color: #ff6666; /* Light red for hover effect in dark mode */
	}
	
	@media (max-width: 576px) {
		.comment-add-form {
			padding-right: 0px;
		}
		
		.commentAvatar{
			display:none;
		}
	}
	
	.rounded-button {
		border-radius: 5px; /* یا هر مقدار دیگری که مایل به استفاده از آن هستید */
	}
	.rounded-button:hover, .rounded-button:active {
		transform: scale(0.95);
	}
	
	a {
		color: #bf1313;
		text-decoration: underline;
	}
	a:hover {
		color: #bf1313
			;
	}
	
	.rate-counter:hover {
		background: #fff !important;
	}
	
	.txt-rate btn-sm px-0 fw-bold:hover {
		background: #fff !important;
	}
	
	.txt-rate btn-sm px-0 fw-bold:hover {
		background: #fff !important;
	}
	
	/* --- IGN Style Trending Slider --- */
	.ign-slider {
		display: flex;
		gap: 20px;
		overflow-x: auto;
		scroll-snap-type: x mandatory;
		padding: 0px 20px 60px 20px;
		margin-top: -20px;
		justify-content: center;
	}
	
	.ign-slider::-webkit-scrollbar {
		display: none;
	}
	
	.ign-card {
		position: relative;
		flex: 0 0 300px;
		aspect-ratio: 3 / 5; /* شبیه IGN → کارت عمودی‌تر */
		border-radius: 12px;
		overflow: hidden;
		scroll-snap-align: start;
		box-shadow: 0 0 0 1px rgba(0,0,0,0.1);
		background: #000;
		box-sizing: border-box;
		-webkit-font-smoothing: antialiased;
		text-rendering: optimizeLegibility;
	}
	
	.ign-thumb {
		width: 100%;
		height: 100%;
		object-fit: cover;
		transition: transform 0.5s ease-out; /* شبیه IGN */
	}
	
	.ign-card:hover .ign-thumb {
		transform: scale(1.08);
	}
	
	.ign-caption {
		position: absolute;
		bottom: 0;
		width: 100%;
		padding: 14px;
		background: rgba(15, 23, 42, 0.8);
	}
	
	.ign-title {
		font-size: 18px;
		font-weight: 700;
		margin: 0;
		line-height: 1.4;
		color: #fff !important;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 3;
		overflow: hidden;
		transition: text-decoration .3s ease;
	}
	
	.ign-card:hover .ign-title {
		color: #fff !important; /* همیشه سفید */
		text-decoration: underline;
	}
	
	.slider-spacer {
		flex: 0 0 15px; /* فاصله دلخواه */
	}
	
	
	/* رنگ‌های دکمه‌های پلی‌استیشن برای کپشن‌ها */
	.ign-card:nth-child(1) .ign-caption { background: rgba(0, 112, 209, 0.85); }   /* آبی - X */
	.ign-card:nth-child(2) .ign-caption { background: rgba(233, 69, 96, 0.85); }  /* قرمز - O */
	.ign-card:nth-child(3) .ign-caption { background: rgba(0, 167, 79, 0.85); }   /* سبز - △ */
	.ign-card:nth-child(4) .ign-caption { background: rgba(215, 21, 112, 0.85); } /* صورتی/بنفش - □ */
	
	
	/* موبایل */
	@media (max-width: 480px) {
		.ign-slider {
			justify-content: flex-start;
			padding: 0 0 60px 15px; /* فقط padding-left اضافه شد */
		}
		
		.ign-card {
			flex: 0 0 300px; /* اندازه کارت ثابت */
			margin: 0;       /* بین کارت‌ها فاصله نداریم */
		}
		
		.ign-card:first-child {
			margin-right: 15px; /* فاصله کارت اول از راست (شروع RTL) */
		}
		
		.ign-card:last-child {
			margin-left: 15px;  /* فاصله کارت آخر از چپ (انتهای اسلایدر) */
		}
		
		.slider-spacer {
			flex: 0 0 15px; /* فاصله دلخواه */
		}
		
	}
	
	/* === Dropdown Menus Styling === */
	.navbar-nav li {
		position: relative;
	}
	
	/* زیرمنوها */
	.navbar-nav li ul.dropdown-menu {
		display: block;
		opacity: 0;
		visibility: hidden;
		transform: translateY(10px);
		transition: all 0.25s ease;
		position: absolute;
		right: 0;
		top: 100%;
		background: rgba(255, 255, 255, 0.95);
		backdrop-filter: saturate(150%) blur(12px);
		padding: 8px 0;
		margin: 0;
		list-style: none;
		min-width: 200px;
		border-radius: 10px;
		box-shadow: 0 4px 15px rgba(0,0,0,0.12);
		text-align: right;
		direction: rtl;
		z-index: 999;
	}
	
	/* زیرمنوها حالت شب */
	body.dark .navbar-nav li ul.dropdown-menu {
		background: rgba(28, 31, 38, 0.95); /* شب */ 
		box-shadow: 0 4px 15px rgba(0,0,0,0.5);
	}
	
	/* Hover برای دسکتاپ */
	@media (min-width: 992px) {
		.navbar-nav li:hover > ul.dropdown-menu {
			opacity: 1;
			visibility: visible;
			transform: translateY(0);
		}
	}
	
	/* آیتم‌های زیرمنو */
	.navbar-nav li ul li a {
		display: block;
		padding: 10px 16px;
		font-size: 90%;
		font-weight: 500;
		color: #333; /* متن حالت روز */
		text-decoration: none;
		border-radius: 6px;
		margin: 2px 8px;
		transition: all 0.25s ease;
		text-align: right;
		direction: rtl;
	}
	
	/* متن آیتم‌ها حالت شب */
	body.dark .navbar-nav li ul li a {
		color: #ddd;
	}
	
	/* Hover و رنگ برند */
	.navbar-nav li ul li a:hover {
		background: #bf1313;
		color: #fff !important;
		transform: translateX(-4px);
	}
	
	/* Hover آیتم‌ها در حالت شب */
	body.dark .navbar-nav li ul li a:hover {
		background: #bf1313;
		color: #fff !important;
	}
	
	/* فلش مدرن کنار آیتم‌های والد (دسکتاپ) */
	.navbar-nav li.dropdown > a::after {
		content: "▾"; /* یا ▼ */
		display: inline-block;
		margin-right: 6px;
		font-size: 1em; /* هم‌اندازه متن آیتم منو */
		transition: transform 0.3s ease, color 0.3s ease;
		color: #888; /* رنگ عادی طوسی */
		vertical-align: middle;
	}
	
	/* چرخش و تغییر رنگ هنگام Hover روی دسکتاپ */
	@media (min-width: 992px) {
		.navbar-nav li.dropdown:hover > a::after {
			transform: rotate(180deg);
			color: #bf1313; /* فقط هنگام Hover قرمز شود */
		}
	}
	
	/* === موبایل (max-width: 991px) === */
	@media (max-width: 991.98px) {
		
		/* زیرمنوها به صورت Collapse و مدرن */
		.navbar-nav li ul.dropdown-menu {
			position: relative;
			transform: none;
			box-shadow: 0 2px 12px rgba(0,0,0,0.08);
			border-radius: 8px;
			background: #fff;
			padding: 6px 0;
			margin: 6px 0;
			display: none;
			transition: max-height 0.3s ease, opacity 0.3s ease;
		}
		
		/* وقتی والد باز است */
		.navbar-nav li.open > ul.dropdown-menu {
			display: block;
		}
		
		/* لینک‌های زیرمنو موبایل */
		.navbar-nav li ul li a {
			padding: 10px 16px;
			margin: 0;
			border-radius: 6px;
			color: #333;
			font-size: 95%;
			font-weight: 500;
		}
		
		.navbar-nav li ul li a:hover {
			background: #bf1313;
			color: #fff !important;
			transform: none;
		}
		
		/* فلش کنار والد */
		.navbar-nav li.dropdown > a::after {
			content: none;
		}
	}