/*
Theme Name: مستربست
Description: قالب اختصاصی مستربست
Version: 1.1.1
Author:	hamid
Theme URI: https://mrbestplus.ir
Author URI: https://webkeen.ir
License: webkeen
Text Domain: webkeen
*/

@font-face {
    font-family: "yekanBakh";
    src: url("fonts/yekanbakh/YekanBakhFaNum-VF_1_.woff2") format("woff2-variations"),
         url("fonts/yekanbakh/YekanBakhFaNum-VF_1_.woff") format("woff-variations");
    font-weight: 1 1000; /* تعریف محدوده ضخامت */
    font-stretch: 75% 125%; /* تعریف محدوده کشیدگی */
    font-style: normal; /* تنظیم سبک فونت */
	font-display: swap;
}


body {
	margin: 0;
	direction: rtl;
	font-family: yekanBakh;
	font-variation-settings: "wght" 600;
}
h1 {
	color: #293944;
	font-size: 20px;
	font-weight: 600;
	font-family: yekanBakh;
	font-variation-settings: "wght" 600;
}
h2 {
	margin: 10px 0;
	font-size: 20px;
	font-weight: 600;
	font-family: yekanBakh;
	font-variation-settings: "wght" 600;
}
h3 {
	font-size: 18px;
	font-weight: 600;
	font-style: normal;
	font-variation-settings: "wght" 600;
}
h4 {
	margin: 10px 0;
	font-size: 16px;
	font-weight: 600;
	font-family: yekanBakh;
	font-variation-settings: "wght" 600;
}
a {
	text-decoration: none;
	font-family: yekanBakh;
	 font-variation-settings: "wght" 400, "wdth" 100; /* ضخامت 400 و عرض 100% */
    font-weight: 400;
}
*{
	box-sizing: border-box;
	font-family: yekanBakh;
	 font-variation-settings: "wght" 400, "wdth" 100; /* ضخامت 400 و عرض 100% */
    font-weight: 400;
}
img{
	max-width: 100%;
	height: auto;
	width: auto;
}
button{
	font-family: yekanBakh;
	 font-variation-settings: "wght" 400, "wdth" 100; /* ضخامت 400 و عرض 100% */
    font-weight: 400;
}
strong, b {
	font-family: yekanBakh;
	font-variation-settings: "wght" 700, "wdth" 700;
	font-weight: 900;
}

section {
	padding-bottom: 40px;
}
.editor-content a{
	color: #1d6aff;
	font-weight: 500;
	font-variation-settings: "wght" 500;
}
.container {
	max-width: 1152px;
	margin: 0 auto;
	width: 100%;
	padding: 0 15px;
	position: relative;
}
.button, .wp-block-button__link{
	padding: 8px 15px;
	font-size: 15px;
	min-width: 145px;
	display: flex;
}
.button-secondary , .wp-block-button__link {
	background: #ffffff;
	color: #293944;
	border-radius: 8px;
	border:1px solid #29394438;
}
.primary-button {
	background: #1d6aff;
	backdrop-filter: blur(22px);
	color: #fff;
	text-align: center;
	display: flex;
	justify-content: center;
	border-radius: 14px;
	padding: 9px 46px 9px 47px;
	font-size: 14px;
	font-weight: 400;
}
.button.view-more {
	justify-content: center;
	border: 0;
	align-items: center;
	background: #fff;
	font-size: 16px;
	font-weight: 400;
	color: #293944;
}
.button.view-more svg {
	margin-right: 15px;
}
.pinned {
	position: relative;
}
.button.view-description {
	padding: 9px 26px 9px 28px;
	border: 1px solid #29394438;
	background: #fff;
	border-radius: 14px;
	cursor: pointer;
	color: #293944A8;
}
.wp-block-button__link {
	text-align: center;
	justify-content: center;
}
.button-secondary:hover {
	background: #293944;
	color: #fff;
}
.wp-block-button__link{
	text-align: center;
}
.wp-block-button__link:hover{
		background: #293944 !important;
	color: #fff!important;
}
.bd100{
	width:100% !important;
	max-width:100% !important;
}
.bd80{
	width:80%;
}
.bd75{
	width:75%;
}
.bd70{
	width:70%;
}
.bd66-66{
	width:66%;
}
.bd60{
	width:60%;
}
.bd50{
	width:50%;
}
.bd40{
	width:40%;
}
.bd33-33{
	width:33.33%;
}
.bd45{
	width:45%;
}
.bd25{
	width:25%;
}
.bd15{
	width:15%;
}
.bd10{
	width:10%;
}
.bd35 {
	width: 35%;
}
.d-flex{
	display:flex;
}
.d-grid{
	display:grid;
}
.gap-5{
gap:5px
}
.gap-7{
	gap:7px
}
.gap-8{
	gap:8px
}
.gap-10{
	gap:10px
}
.gap-12{
	gap:12px
}
.gap-18{
	gap:18px
}
.gap-25{
	gap:25px	
}
.gap-15{
	gap:15px
}
.gap-30{
	gap:30px
}
.gap-40{
	gap:40px
}
.gap-50{
gap:50px
}
.py-15{
padding-top:15px;
padding-bottom:15px;
}
.px-24{
	padding-right:24px;
	padding-left:24px;
}
.p-0{
	padding:0;
}
.pb-25{
padding-bottom:25px;
}
 .pt-25{
padding-top:25px;
}
.pt-50{
	padding-top:50px;
}
.px-15{
	padding-right:15px;
	padding-left:15px;
}
.m-0{
	margin:0;
}
.j-c{
	justify-content:center;
}
.j-e {
	justify-content: end;
}
.j-s {
	justify-content: start;
}
.j-se{
	justify-content:space-around;
}
.j-sb {
	justify-content: space-between;
}
.align-i-c{
	align-items:center;
}
.align-i-str {
	align-items: stretch;
}
.flex-d-c{
	flex-direction: column;
}
.p-relative{
	position:relative;
}
.ml-8{
	margin-left: 8px;
}
.p-absolute{
position: absolute;
}
.color-1{
color: rgba(255, 255, 255, 0.66);
}
.color-2{
color: #293944;
}
.pr-8{
	padding-right: 8px;
}
.pl-8{
	padding-left:8px
}
.mb-25 {
	margin-bottom: 25px;
}
.hr {
	border-bottom: 0.5px solid #b5bec438;
	width: 100%;
}
.button-blue {
	background: #1d6aff;
	color: #fff !important;
	display: flex;
	text-align: center;
	justify-content: center;
	padding: 8px 20px;
	border-radius: 14px;
	backdrop-filter: blur(22px);
	margin-top: 10px;
}
.header-wrapper {
	background-color: #fff;
	padding: 10px 0;
	display: flex;
	flex-direction: column;
	direction: rtl;
	min-height: 80px;
}
.mrbest-title h1 {
	position: relative;
}
.mrbest-title h1::after {
	content: "+";
	color: #ccc;
	position: absolute;
	top: -31px;
	left: -1px;
	font-size: 36px;
	opacity: .4;
}
.mrbest-title h1::before {
	content: "+";
	color: #ccc;
	position: absolute;
	top: -23px;
	left: -18px;
	font-size: 52px;
	z-index: -1;
	opacity: .4;
}
.mrbest-title {
	color: #293944;
	text-align: right;
	font-family: "yekanBakh";
	font-size: 20px;
	font-style: normal;
    font-variation-settings: "wght" 600; /* ضخامت 700 */
    font-weight: 600; /* اضافه برای مرورگرهای قدیمی */
	line-height: normal;
}
.mrbest-title h2 a {
	color: #293944;
	text-align: right;
	font-family: "yekanBakh";
	font-size: 20px;
	font-style: normal;
    font-variation-settings: "wght" 600; /* ضخامت 700 */
    font-weight: 600; /* اضافه برای مرورگرهای قدیمی */
	line-height: normal;
}
.header-wrapper .header-top {
	padding: 10px 0;
	display: flex;
	justify-content: space-between;
	align-items: center;
	direction: rtl;
}

#search-form {
	display: flex;
	position: absolute;
	left: calc(100% + 20px);
	top: 2px;
	width: 0;
	opacity: 0;
	visibility: hidden;
	transition: all ease-in .5s;
}
.search-active{
	width: 250px !important;
	opacity: 1 !important;
	visibility: visible !important;
}
#search-form .search__input {
	width: 100%;
	border: 1px solid #ccc;
	border-radius: 16px;
	padding: 6px;
	font-size: 15px;
	padding-right: 50px;
}
.search__button-icon {
	height: 100%;
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}
.search__button.search__button--end {
	border: 0;
	position: absolute;
	right: 3px;
	height: calc(100% - 2px);
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	width: 44px;
	justify-content: center;
	background: #fff;
	border-radius: 71px;
	top: 1px;
}
.main-menu ul {
	display: flex;
	gap: 20px;
	align-items: center;
	padding: 0;
	margin: 0;
}
.main-menu li {
	list-style: none;
	position: relative;
}

.main-menu > ul > li > ul.sub-menu {
	display: none;
	position: absolute;
	z-index: 9;
	background: #fff;
	min-width: 200px;
	top: 100%;
	border-radius: 12px;
	border: 1px solid #29394438;
	padding: 15px 0;
}
.main-menu > ul > li > ul.sub-menu li ul {
	position: absolute;
	right: calc(100% + 3px);
	display: none;
	min-width: 200px;
	background: #fff;
	top: 0;
	border-radius: 12px;
	border: 1px solid #29394438;
}
.main-menu ul.sub-menu li {
	padding: 8px 15px;
	width: 100%;
}
.main-menu a {
	color: #293944;
	text-decoration: none;
	font-family: yekanBakh;
	font-size: 16px;
	    font-variation-settings: "wght" 400; /* ضخامت 700 */
    font-weight: 400; /* اضافه برای مرورگرهای قدیمی */
	line-height: 24.8px;
	text-align: left;
	cursor: pointer;
}
.main-menu a:hover {
color: #00ae7f;
}

      .theme-button {
	width: 50px;
	background: #2939441F;
	border-radius: 50px;
	padding: 2px;
}
.search-box {
	position: relative;
}
.search-icon {
	cursor: pointer;
	position: relative;
	display: flex;
	align-items: center;
}
.logo img {
	max-width: 100px;
}
.notification-icon{
	cursor: pointer;
}
/*breadcrumb */
.mr-breadcrumblist {
	padding: 8px;
	list-style: none;
	min-height: 41px;
}
.mr-breadcrumblist li a {
	color: rgba(41,57,68,0.66);
	font-size: 14px;
	font-weight: normal;
}
.mr-breadcrumblist li.active a {
	color: #1d6aff !important;
}
.mr-breadcrumblist li.active a {
	color: #1d6aff !important;
	    font-variation-settings: "wght" 400; /* ضخامت 700 */
    font-weight: 400; /* اضافه برای مرورگرهای قدیمی */
}
.delemiter {
	width: 12px;
	display: flex;
	justify-content: center;
	-webkit-align-items: center;
	align-items: center;
}
/* page header */
.single-header {
	background: #f7f7f7;
	padding: 17px 13px;
	border-radius: 20px;
	margin-bottom: 30px;
	min-height: 92px;
}
.post-data-item {
	color: rgba(41,57,68,0.66);
	font-size: 14px;
    font-variation-settings: "wght" 400; /* ضخامت 700 */
    font-weight: 400; /* اضافه برای مرورگرهای قدیمی */
}
.single-header .date {
	color: #293944;
	font-size: 14px;
	    font-variation-settings: "wght" 400; /* ضخامت 700 */
    font-weight: 400; /* اضافه برای مرورگرهای قدیمی */
	margin-right: 3px;
}
.post-data-item svg {
	margin-left: 8px;
}
/* slider main */
#slider-main {
    position: relative;
    width: 100%;
}
.title-slide {
	font-weight: bold;
	font-size: 22px;
	color: #ffffff;
}
#slider-main .prv, #slider-main .next {
	position: absolute;
	bottom: 10%;
	transform: translateY(-50%);
	width: 30px;
	height: 30px;
	background-color: rgba(0, 0, 0, 0.5);
	color: white;
	cursor: pointer;
	z-index: 2;
	border-radius: 5px;
}
.logo a {
	display: flex;
	-webkit-align-items: center;
	align-items: center;
}
.mrbest-section.section-bests .best-posts-items .date-time {
	display: none;
}
#slider-main .prv {
    right: calc(10% + 60px);
}
.suggestion-right .pin-icon {
	position: absolute;
	background: #1d6aff;
	top: 10px;
	right: 8px;
	border-radius: 100%;
	width: 22px;
	height: 22px;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 2px;
}
#slider-main .next {
    right:10%
}
#slider-img .item:first-child {
	display: block;
}
#slider-img {
 position: relative;
}
#datafetch {
	position: absolute;
	right: 0;
	left: 0;
	top: 100%;
	z-index: 9;
	background: #fff;
	padding: 15px;
	max-height: 400px;
	overflow-y: auto;
}
.search_item {
	display: flex;
	align-items: center;
	padding: 4px 0px;
	border-radius: 15px;
	border-right: 1px solid #f7f7f7;
	gap: 8px;
}
#slider-img .item {
    display: none;
    width: 100%;
    height: 100%;
}
.search_item a {
	font-size: 14px;
}
.search_item img {
	max-width: 55px;
	border-radius: 8px;
}
#slider-img .item div.item-img {
	width: 100%;
	height: 500px;
	background-size: cover;
	background-position: center;
	border-radius: 14px;
}
#slider-img .item img {
	height: auto;
	max-width: 100%;
	border-radius: 15px;
}
#slider-img .slide-text {
	position: absolute;
	top: 140px;
	right: 50px;
	color: white;
	font-size: 18px;
	text-align: right;
	padding: 15px 60px;
	border-radius: 15px;
	overflow: hidden;
}
#slider-navigator {
	width: 100px;
	padding: 10px;
	position: absolute;
	left: 0;
	top: 0;
	height: 500px;
	overflow-y: auto;
	scrollbar-width: none;
}
#slider-navigator ul {
	list-style: none;
	padding: 0;
	display: flex;
	flex-direction: column;
	align-items: center;
}
#slider-navigator::before {
	content: "";
	width: 1px;
	background: #FFFFFF1F;
	position: absolute;
	right: 0;
	top: 0;
	height: 100%;
}
#slider-navigator ul li {
	margin-bottom: 10px;
	max-width: 70px;
	width: 70px;
	height: 70px;
	  position: relative;
}
#slider-navigator ul li a {
	position: relative;
	display: block;
	height: 100%;
	width: 100%;
}
.progress-ring {
	position: absolute;
	top: 0;
	left: 0;
	border-radius: 100%;
	box-shadow:0 0 0 3px inset rgba(255,255,255,.28);
}
#slider-navigator li .progress-ring__circle {
    width: 70px; /* قطر دایره */
    height: 70px; /* قطر دایره */
    stroke: white; /* رنگ بوردر */
    stroke-width: 6; /* ضخامت بوردر */
    stroke-dasharray: 219.91; /* محیط دایره */
    stroke-dashoffset: 219.91; /* شروع با بوردر مخفی */
    transition: stroke-dashoffset 5s linear;
    border-radius: 50%; /* دایره کامل */
    visibility: hidden; /* مخفی کردن دایره برای ایتم‌های غیر فعال */
}

/* برای ایتم فعال، دایره قابل نمایش می‌شود */
#slider-navigator li.active .progress-ring__circle {
    visibility: visible;
    stroke-dashoffset: 0; /* شروع با بوردر کامل */
}
#slider-navigator ul li img {
	width: 100%;
	border-radius: 50%;
	cursor: pointer;
	height: 100%;
}


@keyframes borderRotate {
    from {
        transform: rotate(0deg);
        border-color: transparent;
    }
    to {
        transform: rotate(360deg);
        border-color: #ffffff;
    }
}


/* slider main */
.tag-items {
	border-radius: 16px;
	border: 0.5px solid rgba(41, 57, 68, 0.22);
	position: relative;
	display: grid;
	grid-template-columns: 1fr 5fr;
	padding-right:5px;
	padding-left:5px;
		
}
.tags-description {
	color: #293944;
	font-family: "yekanBakh";
	font-size: 20px;
	font-style: normal;
	font-variation-settings: "wght" 600; /* ضخامت 700 */
    font-weight: 600; /* اضافه برای مرورگرهای قدیمی */
	line-height: normal;
	height: 100%;
	display: flex;
	align-items: center;
	padding: 0 15px;
min-width: fit-content;
}
.tags-inner {
	overflow-x: auto;
	width: auto;
}
.single-post .tag-items{
	grid-template-columns: 1fr 3fr;
}
/* برای مرورگرهای Webkit */
.tags-inner::-webkit-scrollbar {
    width: 12px; /* عرض اسکرول‌بار */
}

.tags-inner::-webkit-scrollbar-track {
    background: #ffffff; /* رنگ پس‌زمینه مسیر اسکرول‌بار */
    border-radius: 6px; /* گرد کردن لبه‌های اسکرول‌بار */
}

.tags-inner::-webkit-scrollbar-thumb {
    background: #F7F7F7; /* رنگ اصلی دستگیره اسکرول‌بار */
    border: 2px solid #ffffff; /* ایجاد تضاد برای دستگیره */
    border-radius: 6px; /* گرد کردن لبه‌های دستگیره */
}

.tags-inner::-webkit-scrollbar-thumb:hover {
    background: #e0e0e0; /* رنگ دستگیره هنگام هاور */
}

/* برای مرورگر Firefox */
.tags-inner {
	scrollbar-color: #F7F7F7 #ffffff;
	scrollbar-width: none;
}

.tags-inner::-webkit-scrollbar {
    display: none; /* مخفی کردن اسکرول‌بار */
  }

.tags-inner li {
	display: inline-flex;
	padding: 7px 32px;
	justify-content: center;
	align-items: center;
	border-radius: 38px;
	background: #F7F7F7;
	min-width: fit-content;
}
.tags-inner li a {
	text-decoration: navajowhite;
	color: #004EE6;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}
.mrbest-title h2 {
	color: #293944;
	text-align: right;
	font-family: "yekanBakh";
	font-size: 20px;
	font-style: normal;
	font-variation-settings: "wght" 600; /* ضخامت 700 */
    font-weight: 600; /* اضافه برای مرورگرهای قدیمی */
	line-height: normal;
}

/* post items */
.post-item {
	position: relative;
}
.sticky-title {
	position: absolute;
	right: 10px;
	bottom: 50px;
	z-index: 1;
}
.post-category {
	border-radius: 35px;
	background: rgba(147, 147, 147, 0.36);
	backdrop-filter: blur(22px);
	color: #fff;
	display: inline-flex;
	padding: 4px 13px;
	justify-content: center;
	align-items: center;
	gap: 10px;
}
.post-category a {
	color: #FFF;
	text-align: right;
	font-family: "yekanBakh";
	font-size: 14px;
	font-style: normal;
	font-weight: 300;
	line-height: normal;
	text-decoration: none;
}
.title-post h3, .title-post h3 a , .title-post h2, .title-post h2 a {
	color: #FFF;
	text-align: right;
	font-family: "yekanBakh";
	font-size: 20px;
	font-style: normal;
font-variation-settings: "wght" 600; /* ضخامت 700 */
    font-weight: 600; /* اضافه برای مرورگرهای قدیمی */
	line-height: normal;
}
.post-item {
	position: relative;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-position: center;
	border-radius: 13px;
	background-size: cover;
	min-height: 450px;
	overflow: hidden;
}

.author-post a {
	text-align: right;
	font-family: "yekanBakh";
	font-size: 14px;
	font-style: normal;
	font-weight: 300;
	line-height: normal;
}
.author-post img {
	width: 36px;
	height: 36px;
	border-radius: 36px !important;
	margin-left: 4px;
}

/* suggestion left */
.items {
	flex-shrink: 0;
}
.mrbest-suggestion .suggestion-inner {
	height: 100%;
}
.item-category a {
	color: #1D6AFF;
	text-align: right;
	font-family: "yekanBakh";
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}
.items > a {
	color: #293944;
	text-align: right;
	font-family: "yekanBakh";
	font-size: 16px;
	font-style: normal;
font-variation-settings: "wght" 600; /* ضخامت 700 */
    font-weight: 600; /* اضافه برای مرورگرهای قدیمی */
	line-height: normal;
}
.suggestion-left {
	padding: 16px 24px;
	justify-content: space-between;
	align-items: flex-start;
	flex-shrink: 0;
	border-radius: 9px;
	border: 0.5px solid rgba(41, 57, 68, 0.22);
}
.suggestion-left h3 {
	margin-bottom: 0;
}
.post-title a ,.post-title h3{
	color: #293944;
	text-align: right;
	font-family: "yekanBakh";
	font-size: 16px;
	font-style: normal;
font-variation-settings: "wght" 600; /* ضخامت 700 */
    font-weight: 600; /* اضافه برای مرورگرهای قدیمی */
	line-height: normal;
}
.suggestion-left .item .post-title h2 {
	margin: 0;
}
/* section bests */
.head-wrapper {
	padding-bottom: 15px;
}
.tab-content {
  display: none;
}

.tab-content.active {
  display: block;
}

.post-tabs ul li {
	list-style: none;
	margin-left: 8px;
}
.post-tabs ul li button {
	padding: 4px 30px;
	background: #F7F7F7;
	color: #004EE6;
	border-radius: 15px;
	border: 0;
	cursor: pointer;
}
.post-tabs ul li button.active {
	background: #1D6AFF;
	color: #fff;
}
.post-image.thumb {
	max-width: 40%;
	border-radius: 15px;
	overflow: hidden;
	width: 40%;
	display: flex;
	align-items: center;
}
.notif_count {
	position: absolute;
	top: 0px;
	left: 10px;
	background: #1D6AFF;
	color: #fff;
	width: 17px;
	height: 17px;
	font-size: 12px;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 100%;
	padding: 7px 5px 5px 5px;
}
.notification_item .post-content.has-thumb {
	display: flex;
	align-items: center;
}
.notification-icon {
	position: relative;
	display: flex;
	align-items: center;
}
.notifications {
	position: absolute;
	top: 100%;
	left: calc(100% - 30px);
	min-width: 340px;
	width: 100%;
	text-align: center;
	margin: 0 auto;
	z-index: 99;
	background: #fff;
	border: 1px solid #29394438;
	display: none;
	border-radius: 14px;
	padding: 13px;
	max-height: 400px;
	overflow-y: auto;
}
.notifications .notification_item {
	padding: 8px 0;
	font-size: 14px;
}
.notif-title {
	text-align: right;
	border-bottom: 1px solid #29394438;
	padding-bottom: 8px;
	margin-bottom: 8px;
	font-size: 14px;
}
.post-image.thumb a {
	display: flex;
	align-items: center;
}
.post-content.has-thumb h3 {
	margin-top: 0;
}
.post-content.has-thumb {
	padding: 0 8px;
	max-width: 60%;
	width: 100%;
}
.best-posts .post-title h3 a {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
.post-image.thumb img {
	border-radius: 15px;
}
.best-posts {
	counter-reset: css-counter 00;
}
.best-posts .tab-content div{
	gap:31px;
}
.best-posts .item {
	counter-increment: css-counter 01;
}
.best-posts .item::before {
	content: "0"counter(css-counter);
	font-family: "YekanBakh,sans-serif";
	font-size: 40px;
	font-weight: 400;
	line-height: 54.69px;
	text-align: right;
	color: #2939441C;
	margin-left: 8px;
	display: flex;
	align-items: center;
	min-width: 41px;
}

/* section controversial */
.section-controversial {
	grid-template-columns: repeat(4,1fr);
	gap: 15px;
	scrollbar-width: none;
}
.section-controversial img {
	border-radius: 15px;
	margin: 0 auto;
	display: block;
}
.section-controversial .item {
	border: 1px solid #29394438;
	padding: 9px;
	border-radius: 8px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}
.comment-count img {
	width: 15px;
	height: 15px;
	margin-left: 2px;
}
.comment-count {
	background: #ececec;
	border-radius: 18px;
	padding: 4px 8px;
	font-size: 14px;
	color: #293944;
	font-weight: 600;
}
.time-submited {
	color: #293944;
	font-size: 14px;
}
.cart-footer {
	padding: 8px 0;
}
.notification_item .post-title a {
	font-size: 14px;
	text-align: right;
	display: flex;
	justify-content: start;
	margin-bottom: 8px;
}
.notification_item .post-image.thumb {
	max-width: 25%;
}
/* banners */
.mrbest-banners {
	grid-template-columns: repeat(2,1fr);
	gap: 15px;
}
.banner-img img {
	border-radius: 8px;
	margin: 0 auto;
	display: block;
}

/* most viewed */
.section-viewed {
	grid-template-columns: repeat(4,1fr);
	gap: 15px;
	scrollbar-width: none;
}
.cover-post {
	background: linear-gradient(180deg,rgba(0,0,0,0) 0%,rgba(0, 0, 0,0.736316) 77.75%,rgba(0,0,0,0.93) 114.88%);
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 0;
}
.cover-post a {
	width: 100%;
	height: 100%;
	display: block;
}
/* new posts */
.inner-new-posts {
	gap: 25px;
}
.inner-new-posts .item {
	border: 1px solid #29394438;
	padding: 9px;
	border-radius: 8px;
	margin-right: 85px;
	position: relative;
	min-height: 200px;
}
.post-exerpt {
	color: #293944;
	font-size: 14px;
	line-height: 25px;
	font-weight: 400;
}
.cart-footer .post-category{
	background-color: #f7f7f7;
}
.cart-footer .post-category a {
	color: #1D6AFF;
}
.inner-new-posts .post-content.has-thumb {
	max-width: 75%;
}
.inner-new-posts .post-image.thumb {
	max-width: 25%;
}
.inner-new-posts .item::before {
	content: "";
}
.inner-right::before {
	content: "";
	width: 1px;
	height: 100%;
	background: #ccc;
	position: absolute;
	right: calc(40px/2);
}


.inner-right {
	position: relative;
}
.date-time {
	display: flex;
	align-items: center;
	position: absolute;
	right: -105px;
	width: 80px;
	height: 80px;
	flex-direction: column;
	justify-content: center;
	top: calc(50% - (80px/2));
	background: #fff;
	font-size: 13px;
	padding: 8px;
}
.date-time .icon-box {
	display: flex;
	align-items: center;
	background: url("../images/Timer.svg");
	background-color: rgba(0, 0, 0, 0);
	background-position-x: 0%;
	background-position-y: 0%;
	background-repeat: no-repeat;
	background-size: auto;
	width: 40px;
	height: 40px;
	background-position: center;
	border: 1px solid #ccc;
	border-radius: 100%;
}
.date-time p {
	margin-top: 4px;
	margin-bottom: 0;
}
.banner-mini {
	padding: 15px;
	background: #f7f7f7;
	border-radius: 14px;
	align-items: center;
}
.inner-new-posts .inner-left img {
	border-radius: 15px;
	margin: 0 auto;
	display: block;
}

/* section-bests*/
.section-bests .post-item {
	min-height: unset;
	aspect-ratio: 16 / 9;
}
.section-bests .sticky-title {
	bottom: 20px;
}
.section-bests .post-content h3 {
	margin-top: 0;
}
.section-bests .post-image.thumb {
	max-width: 90px;
	width: 90px;
}
.section-bests .post-content.has-thumb {
	max-width: 70%;
	width: 100%;
}
.mrbest-section.section-bests .best-posts-items .post-exerpt {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	min-height: 60px;
	display: none;
}

/* footer */
#main-footer {
	background: #f7f7f7;
	padding: 25px 0;
}
.svg-hr {
	width: 100%;
	overflow: hidden;
}
.svg-hr svg {
	max-width: 100%;
}
.mrbest-plus {
	display: flex;
	align-items: start;
	gap: 5px;
}
.mrbest-plus.plus1 {
	position: absolute;
	bottom: 100px;
	right: 25%;
}
.mrbest-plus.plus2 {
	position: absolute;
	left: 25%;
	top: 50px;
}
.wp-block-social-link-anchor span {
	visibility: hidden;
	display: none;
}
.wp-block-social-links li {
	list-style: none;
}
.wp-block-social-link-anchor svg path {
	width: 24px;
	fill: #293944;
	fill-opacity: 0.66;
}
/*=> archive */

.pagination .page-numbers {
	display: flex;
	justify-content: center;
	gap: 8px;
	list-style: none;
	padding: 0;
}

/* darkmode */
.darkmode h1 {
	color: #fff;
}
.darkmode {
	background: #0B0E0D;
}
.darkmode .header-wrapper {
	background-color: #0B0E0D;
}
.darkmode .dark-mode-active svg:first-child {
	display: none;
}
.darkmode .dark-mode-active svg:last-child {
	display: block !important;
}
.darkmode .dark-mode-active {
	background: #2c2c2c !important;
	padding: 5px 10px;
	justify-content: start !important;

}
.darkmode .main-menu a {
	color: #ffffff;
}
.darkmode .search-icon svg circle, .darkmode .search-icon svg path , .darkmode .notification-icon path , .darkmode .notification-icon circle {
	stroke: #fff;
}
.darkmode .tags-inner li {
	background: #2c2c2c;
}
.darkmode .tags-inner li a {
	color: #fff;
}
.darkmode .mrbest-title {
	color: #fff;
}
.darkmode .tags-description {
	color: #fff;
}
.darkmode .tag-items {
	border: 0.5px solid #ffffff38;
}
.darkmode .mrbest-title h2, .darkmode .mrbest-title a {
	color: #fff;
	text-align: right;
	font-family: "yekanBakh";
	font-size: 20px;
	font-style: normal;
font-variation-settings: "wght" 600; /* ضخامت 700 */
    font-weight: 600; /* اضافه برای مرورگرهای قدیمی */
	line-height: normal;
}
.darkmode .post-tabs ul li a {
	padding: 4px 30px;
	background: #2c2c2c;
	color: #fff;
	border-radius: 15px;
}
.darkmode .suggestion-left {
	border-color: #b5bec438;
}
.darkmode .post-title a, .darkmode .post-title h3 {
	color: #fff;
}
.darkmode .color-2 {
	color: #FFFFFFA8;
}
.darkmode .best-posts .item::before {
	color: #FFFFFFA8;
}
.darkmode .section-controversial .item {
	border: 1px solid #ffffff38;
}
.darkmode .time-submited {
	color: #FFFFFFA8;
	font-size: 14px;
}
.darkmode .comment-count {
	background: #2c2c2c;
	color: #FFF;
}
.darkmode .date-time {
	background: #0B0E0D;
}
.darkmode .date-time .icon-box {
	background-image: url(https://demo.mrbestplus.ir/wp-content/themes/mrbest/images/timer1.svg) !important;
	background-color: #2c2c2c;
	border: 1px solid #FFF;
}
.darkmode .date-time p {
    color: rgba(255, 255, 255, 0.66);
}
.darkmode .delemiter svg path {
	stroke: #fff;
}
.darkmode .bread-items.active {
	color: #fff;
}
.darkmode .item-category a {
	color: #5dade2;
}
.darkmode .post-exerpt {
	color: #FFFFFFA8;
}
.darkmode .cart-footer .post-category {
	background-color: #2c2c2c;
}
.darkmode .notifications {
	border: 1px solid #29394438;
	background: #444;
}
.darkmode .cart-footer .post-category a {
	color: #fff;
}
.darkmode .banner-mini {
	background: #2c2c2c;
}
.darkmode #main-footer {
	background: #293944;
}
.darkmode #commentform input, .darkmode #commentform textarea {
	background: #555 !important;
}
.darkmode #commentform label {
	background: #555 !important;
	color: #fff !important;
}
.darkmode .comment-notes {
	color: #fff;
}
.darkmode .button {
	color: #fff !important;
	border: 1px solid #fff !important;
}
.darkmode .notif-title {
	border-bottom: 1px solid #ccc !important;
	color: #fff !important;
}
.darkmode #respond {
	background: #2c2c2c !important;
}
.darkmode #reply-title {
	color: #fff;
}
.darkmode .logged-in-as {
	color: #fff;
}
.darkmode .button:hover {
	background: #fff;
	color: #293944;
}
.darkmode .socials svg path {
	fill: #FFF;
}
.darkmode .footer-box p {
	color: #fff !important;
}
.darkmode .footer-box h1, .darkmode .footer-box h2 ,.darkmode .footer-box h3 , .darkmode .footer-box div {
	color: #fff;
}

/* single */
.darkmode .single-header {
	background: #2c2c2c;
}
.darkmode .post-data-item {
	color: #fff;
}
.darkmode .single-header .date {
	color: #fff;
}
.darkmode .pinned-image {
	background: #2c2c2c;
}
.darkmode .sidebar.sticky {
	border-color: 1px solid #ffffff38;
}
.darkmode .post-thumbnail {
	border: 1px solid #ffffff38;
}
.darkmode .post-values.pinned {
	border: 1px solid #ffffff38;
}
.darkmode .sidebar.sticky {
	border: 1px solid #ffffff38;
}
.darkmode .post-icons{
		border: 1px solid #ffffff38;
}
.darkmode .post-icons svg path {
	stroke: #ffffff38;
}
.darkmode .post-icons svg circle {
	stroke: #ffffff38;
}
.darkmode .editor-content p {
	color: #fff;
}
.darkmode .ReviewProduct-inner .item.pinned {
	background: #2c2c2c;
}
.darkmode .ReviewProduct-inner .item::before {
	color: rgba(255,255,255,0.11);
}
.darkmode .primary-button {
	background: #1d6aff;
	border: 0;
}
.darkmode .button.view-description {
	background: rgba(255,255,255,0.22);
}
.darkmode .button.view-description svg path {
	stroke: #fff;
}
.darkmode .feature-num {
	color: #fff;
}
.darkmode .pin-icon {
	width: 25px;
	height: 25px;
	border: 3px solid #0b0d0e;
}
.darkmode .ReviewProduct-inner {
	border: 1px solid #b5bec438;
}
.darkmode .button.view-more {
	background: #0B0E0D;
	color: #fff;
}
.darkmode .button.view-more svg path{
	stroke:#fff;
}
.darkmode .suitables .head-wrapper {
	background: #2c2c2c;
}
.darkmode .user-box .item {
	background: #0b0d0e;
	color: #fff;
}
.darkmode .suitable-item {
	background: #2c2c2c;
}
.darkmode .point-title {
	color: #fff;
}
.darkmode .product-points ul li {
	color: #fff;
}
.darkmode .button.view-price {
	border: 0;
}
.darkmode .editor-content * {
	color: #fff;
}
.darkmode .author-box h2 {
	color: #fff;
}
.darkmode .author-box p {
	color: rgba(255,255,255,0.66);
}
.darkmode .author-post a {
	color: rgba(255,255,255,0.66);
}
.darkmode .time-submited {
	color: rgba(255,255,255,0.66);
}
.darkmode .button-secondary{
	background: #2c2c2c;
}
.darkmode #main-footer {
	background: #161d21;
}
.darkmode .feature-precentage {
	color: #815eef;
}
.darkmode .feature-item .feature-text {
	color: #fff;
}
.darkmode .mr-breadcrumblist li a {
	color: rgba(255,255,255,0.66);
}
.darkmode .post-data-item {
	color: rgba(255,255,255,0.66);
}
.darkmode .inner-new-posts .item {
	border-color: rgba(255,255,255,0.22);
}
.darkmode .comment-text {
	color: #fff;
}
.darkmode .comment-meta.commentmetadata {
	font-size: 14px;
	color: #fff;
}
.darkmode .comment-author {
	color: #fff;
}
.darkmode #comments {
	border: 1px solid #ffffff38;
	border-radius: 20px;
}
.darkmode .comment-list li .children li,.darkmode .comment-list li.comment.parent .children .comment-body {
	background: #2c2c2c;
}
.darkmode .comment-list li > .children > li .comment-body::before ,.darkmode .comment-list li > .children > li .comment-body::after {
	background: #2c2c2c;
}
.darkmode .main-menu > ul > li > ul.sub-menu , .darkmode .main-menu > ul > li > ul.sub-menu li ul{
	background: #2c2c2c;
}








/* responsive */

.mobile-header .header-wrapper{
	min-height:60px;
}
.mobile-header .logo img {
	max-width: 100px;
	margin: 0 auto;
	display: block;
}
.menu-icon {
	display: flex;
	align-items: center;
}
.mobile-header .header-wrapper .header-top {
	padding: 0;
	display: flex;
	justify-content: space-between;
	align-items: center;
	direction: rtl;
}
.mrbest-header .menu-mobile {
	position: fixed;
	background: #fff;
	z-index: 999;
	width: 300px;
	height: 100%;
	top: 0;
	padding: 40px 0;
	visibility: hidden;
	right: -300px;
	flex-direction: column;
	-webkit-box-shadow: 0 10000px 0 10000px #7c7d86cc;
	-moz-box-shadow: 0 10000px 0 10000px #7c7d86cc;
	box-shadow: 0 10000px 0 10000px #7c7d86cc;
	-o-box-shadow: 0 10000px 0 10000px #7c7d86cc;
	transition: all ease-in .2s;
}
.active-menu{
	visibility: visible !important;
  right: 0 !important;
}
.mrbest-header .menu-mobile ul {
	display: flex;
	gap: 15px;
	align-items: start;
	flex-direction: column;
	width: 100%;
	height: 100%;
}
.menu-top-trigger {
	align-items: center;
	justify-content: space-between;
	width: 100%;
	margin-bottom: 15px;
	padding: 15px;
}
.mrbest-header .menu-mobile > ul > li {
	padding: 0 15px;
}
.mrbest-header .menu-mobile > ul > li > ul.sub-menu li ul {
	position: static !important;
	right: 0 !important;
	min-width: auto !important;
}
.mrbest-header .menu-mobile ul {
	overflow-y: auto;
}
.mobile-search {
	position: fixed;
	right: 0;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 0;
	z-index: 999;
	background: #fff;
	padding-top: 0;
	padding-right: 1rem;
	padding-left: 1rem;
	visibility: hidden;
	opacity: 0;
	transition: all ease-in .3s;
}
.active-search{
	visibility: visible !important;
	opacity: 1 !important;
		height: 100% !important;
}
.mobile-search #search-form {
position: relative;
  opacity: 1;
  visibility: visible;
  width: 100%;
  top: auto;
  left: auto;
}
.mobile-search .search__button.search__button--end {
	height: 96%;
	top: -57px;
}
.mobile-search .search__input {
	position: absolute;
	top: -78px;
	right: 0px;
}
.mobile-search-header {
	padding: 15px 0;
	border-bottom: 1px solid #ccc;
	margin-bottom: 30px;
	margin-right: -15px;
	margin-left: -15px;
	padding-right: 15px;
	padding-left: 15px;
}
.mobile-search .search__input {
	padding: 10px !important;
	padding-right: 50px !important;
	position: absolute;
	top: -78px;
	right: 0px;
	max-width: calc(100% - 40px);
}
.mobile-search #datafetch {
	max-height: 560px;
}
.mobile-header .notification-icon {
	position: static;
}
.mobile-header .notifications {
	top: 54px;
	left: 0;
	background: #fff;
	border-radius: 8px;
	right: 0;
	min-width: 1px;
	margin-right: 15px;
	margin-left: 15px;
	width: auto;
	-webkit-box-shadow: 0 10000px 0 10000px #7c7d86cc;
	-moz-box-shadow: 0 10000px 0 10000px #7c7d86cc;
	box-shadow: 0 10000px 0 10000px #7c7d86cc;
	-o-box-shadow: 0 10000px 0 10000px #7c7d86cc;
}
.notif_count {
	position: relative !important;
	top: -8px !important;
}
@media (min-width:1024px){
	.main-menu li:hover > .sub-menu {
	display: block;
}
}
@media screen and (max-width:1024px){
.main-menu > ul > li > ul.sub-menu {
	display: flex;
	width: 100%;
	height: auto;
	border: unset !important;
	background: #f5f6f7 !important;
	gap: 8px !important;
	margin-top: 10px;
	padding-top: 0 !important;
	position: static !important;
}
.user-box {
	overflow-x: auto;
	scrollbar-width: none;
	-ms-overflow-style: none;
}
.main-menu li {
	list-style: none;
	position: relative;
	width: 100%;
}
.comment-list li > .children > li .comment-body::before {
	display: none;
}
.comment-list li .children {
	padding-right: 0 !important;
}
.comment-list li {
	padding: 10px 15px !important;
}
.comment-list li .children li {
	padding: 0px !important;
}
.comment-list li.comment.parent .children .comment-body {
	padding: 10px 12px !important;
}
.comment-text,.comment-author .fn {
	font-size: 14px !important;
}
.comment-text {
	padding-right: 0;
}
.form-submit {
	left: -5px !important;
	top: calc(50% + 52px) !important;
}
.button, .wp-block-button__link {
	padding: 12px 22px !important;
	min-width: 114px!important;
}
}
@media (max-width:767px){
	.mrbest-plus.plus1 {
	right: 2%!important;
}
.mrbest-plus.plus2 {
	left: 2%!important;
	top: 30px!important;
}
.editor-content p {
	text-align: justify;
}
	.main-menu li span {
	display: flex;
	justify-content: space-between;
	width: 100%;
	align-items: center;
}
.mrbest-header .menu-mobile li a, .mrbest-header .menu-mobile li span {
	display: flex;
	text-align: right;
	padding: 10px 0;
	/* padding-left: 1rem; */
	/* padding-right: 1rem; */
}
	.inner-new-posts .post-image.thumb {
	max-width: 24%;
}
.cart-footer {
	padding-top: 20px;
}
.product-inner .post-title h3 {
	font-size: 15px !important;
}

.post-content.has-thumb {
	padding: 0 !important;
}
.post-content .post-title {
	width: 100%;
}
.post-exerpt p {
	margin-bottom: 0 !important;
}
.inner-new-posts .item {
	min-height: 161px !important;
}
.mr-breadcrumblist {
	overflow-x: auto;
	width: 100%;
	scrollbar-width: none;
}
.bread-items {
	min-width: max-content;
}
.header-inner {
	flex-direction: column;
}
#slider-navigator {
	overflow-y: hidden !important;
	overflow-x: auto;
}
.post-wrapper {
	width: 100% !important;
}
.post-detailes {
	flex-direction: column;
}
.post-thumbnail {
	width: 100% !important;
	max-width: 100% !important;
}
.post-values.pinned {
	min-width: 100% !important;
	width: 100% !important;
}
.review-products .item {
	flex-direction: column;
}
.product-inner {
	width: calc(100% - 103px) !important;
}
.product-image {
	max-width: 103px !important;
}
.suitable-inner {
	flex-direction: column;
}
.user-box {
    overflow-x: auto; /* حفظ اسکرول */
    scrollbar-width: none; /* مخفی کردن اسکرول در فایرفاکس */
    -ms-overflow-style: none; /* مخفی کردن اسکرول در اینترنت اکسپلورر */
}

.user-box::-webkit-scrollbar {
    display: none; /* مخفی کردن اسکرول در کروم و سایر مرورگرهای مبتنی بر وب‌کیت */
}

.user-box .item {
	min-width: max-content;
}
.product-features {
	padding-top: 8px;
	display: flex !important;
	overflow-x: auto;
	gap: 30px !important;
	padding-right: 8px;
	scrollbar-width: none;
}
.feature-item {
	min-width: max-content;
}
.tag-items {
	gap: 25px;
	grid-template-columns: repeat(1,1fr) !important;
}
.mrbest-banners {
	grid-template-columns: repeat(1,1fr) !important;
}
.section-controversial {
	overflow-x: auto;
}
.section-controversial .item {
	min-width: 250px;
}
.post-data-item {
	gap: 4px;
	min-width: max-content;
}
.post-data {
	width: 100%;
	overflow-x: auto;
	scrollbar-width: none;
}

.point-title {
	margin-top: 0 !important;
}
.product-points ul {
	grid-template-columns: repeat(1,1fr) !important;
}
.ReviewProduct-inner .item::before {
	position: absolute;
	right: 8px;
	top: 4px;
}
.ReviewProduct-inner .item::before {
	right: 3px;
	top: 8px;
	border-radius: 19px;
	width: 35px;
	height: 35px;
	text-align: center;
	justify-content: center;
	font-size: 35px !important;
	display: none !important;
}
.mrbest-best .mrbest-title h2 {
	font-size: 17px;
}
/* home page */
.suggestion-section {
	flex-direction: column;
}
.mrbest-suggestion .suggestion-inner {
	flex-direction: column;
	gap: 25px !important;
}
.mrbest-suggestion .suggestion-inner .suggestion-right,.mrbest-suggestion .suggestion-inner .suggestion-left {
	width: 100% !important;
}
.suggestion-section .mrbest-suggestion ,.suggestion-section .mrbest-best  {
	width: 100%;
}
.responsive-box {
	overflow-x: auto;
}
.responsive-box {
	overflow-x: auto;
	display: flex;
}
.responsive-box .post-item {
	min-width: 250px;
}
.inner-new-posts {
	flex-direction: column;
}
.inner-new-posts > div {
	width: 100% !important;
}
.mrbest-section.section-bests {
	flex-direction: column;
}
.mrbest-section.section-bests .best-item {
	width: 100%;
}

#slider-navigator {
	width: 100% !important;
	top: auto !important;
	height: 100px !important;
	bottom: 33px;
}
#slider-navigator ul {
	flex-direction: row !important;
	gap: 8px;
}
#slider-main .prv, #slider-main .next {
	display: none !important;
}
.date-time {
	display: none !important;
}
.inner-new-posts .item {
	margin-right: 0 !important;
}
.inner-new-posts .item::before {
	display: none;
}
.inner-right::before {
	display: none;
}
.product-buttons {
	flex: 0 0 100% !important;
	width: 100%;
	flex-direction: row !important;
	align-items: center;
	overflow-x: auto;
}
.primary-button, .button.view-description {
	padding: 9px 15px !important;
	min-width: max-content !important;
}
.post-thumbnail {
	max-height: 355px!important;
}
}
@media (max-width:660px){
.post-thumbnail {
	max-height: 310px!important;
}
	.ReviewProduct-inner{
		padding: 0 !important;
		border-radius: 0 !important;
		border: none !important;
		}
	.suitable-item{
		padding: 0px 0px 30px 0px !important;
		border:0px !important;
		border-bottom: 1px solid rgba(41, 57, 68, 0.22) !important;
		border-radius: 0 !important;
	}

}
@media (max-width:560px){
.post-thumbnail {
	max-height: 270px!important;
}
}
@media (max-width:460px){
.post-thumbnail {
	max-height: 200px!important;
	min-height: 200px !important;
}
	.single-header{
	min-height: 170px !important;
	}
}

@media (max-width:360px){
.post-thumbnail {
	max-height: 185px!important;
}
}