/* ==========================================================================
   ویجت نظرات مشتریان - شیشه‌ای مشکی لوکس (نسخه نهایی جامع)
   ========================================================================== */

/* wrapper اصلی */
.mr-testimonials-wrapper {
	background: linear-gradient(135deg, #0a0a0a 0%, #1a1a1a 100%) !important;
	border-radius: 30px !important;
	padding: 40px 30px !important;
	position: relative !important;
	overflow: hidden !important;
	direction: rtl !important;
	box-shadow: 0 30px 80px rgba(0, 0, 0, 0.5) !important;
	border: 1px solid rgba(255, 255, 255, 0.06) !important;
}

/* Blur Orbs پس‌زمینه */
.mr-testimonials-wrapper::before {
	content: '';
	position: absolute;
	top: -30%;
	right: -10%;
	width: 500px;
	height: 500px;
	background: radial-gradient(circle, rgba(255, 255, 255, 0.08) 0%, transparent 70%);
	filter: blur(90px);
	animation: testFloat 15s ease-in-out infinite;
	pointer-events: none;
	z-index: 0;
}

.mr-testimonials-wrapper::after {
	content: '';
	position: absolute;
	bottom: -20%;
	left: -10%;
	width: 400px;
	height: 400px;
	background: radial-gradient(circle, rgba(255, 255, 255, 0.05) 0%, transparent 70%);
	filter: blur(80px);
	animation: testFloat 20s ease-in-out infinite reverse;
	pointer-events: none;
	z-index: 0;
}

@keyframes testFloat {
	0%, 100% { transform: translate(0, 0) rotate(0deg); }
	50% { transform: translate(30px, -30px) rotate(180deg); }
}

/* ==========================================================
   Header - عنوان و زیرعنوان
   ========================================================== */
.mr-testimonials-header {
	text-align: center;
	margin-bottom: 20px !important;
	position: relative;
	z-index: 2;
}

.mr-testimonials-subtitle {
	display: inline-block;
	color: #ffffff !important;
	font-size: 13px !important;
	font-weight: 800 !important;
	letter-spacing: 3px;
	margin-bottom: 12px;
	padding: 6px 20px;
	background: rgba(255, 255, 255, 0.08) !important;
	border-radius: 50px;
	border: 1px solid rgba(255, 255, 255, 0.15);
}

.mr-testimonials-title {
	font-size: clamp(24px, 3vw, 36px) !important;
	font-weight: 950 !important;
	color: #ffffff !important;
	margin: 0 !important;
	background: none !important;
	-webkit-background-clip: unset !important;
	-webkit-text-fill-color: #ffffff !important;
	background-clip: unset !important;
	text-shadow: 0 2px 10px rgba(0, 0, 0, 0.5) !important;
}

/* ==========================================================
   Swiper Container
   ========================================================== */
.mr-testimonials-swiper-container {
	position: relative;
	z-index: 2;
	padding: 5px 0 !important;
}

.mr-testimonials-swiper {
	overflow: visible !important;
	padding: 5px 0 !important;
}

/* ==========================================================
   کارت نظر - شیشه‌ای مشکی + ارتفاع کم
   ========================================================== */
.mr-testimonial-card {
	background: rgba(255, 255, 255, 0.04) !important;
	backdrop-filter: blur(20px) saturate(180%) !important;
	-webkit-backdrop-filter: blur(20px) saturate(180%) !important;
	border: 1px solid rgba(255, 255, 255, 0.08) !important;
	border-radius: 20px !important;
	padding: 20px !important;
	position: relative !important;
	overflow: hidden !important;
	transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
	box-shadow:
		0 10px 30px rgba(0, 0, 0, 0.3),
		inset 0 1px 0 rgba(255, 255, 255, 0.06) !important;
	height: auto !important;
	min-height: auto !important;
	display: flex !important;
	flex-direction: column !important;
	gap: 10px !important;
}

/* گرادیانت ظریف روی کارت */
.mr-testimonial-card::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 100%;
	background: linear-gradient(145deg,
		rgba(255, 255, 255, 0.04) 0%,
		rgba(255, 255, 255, 0) 40%,
		rgba(0, 0, 0, 0.1) 100%
	);
	pointer-events: none;
	border-radius: 20px;
	z-index: 1;
}

/* هاور کارت */
.mr-testimonial-card:hover {
	transform: translateY(-6px) !important;
	background: rgba(255, 255, 255, 0.06) !important;
	border-color: rgba(255, 255, 255, 0.2) !important;
	box-shadow:
		0 20px 50px rgba(0, 0, 0, 0.5),
		inset 0 1px 0 rgba(255, 255, 255, 0.1) !important;
}

/* Slide فعال */
.swiper-slide-active .mr-testimonial-card {
	background: rgba(255, 255, 255, 0.06) !important;
	border-color: rgba(255, 255, 255, 0.15) !important;
	box-shadow:
		0 15px 40px rgba(0, 0, 0, 0.45),
		inset 0 1px 0 rgba(255, 255, 255, 0.08) !important;
}

/* محتوای کارت بالای گرادیانت */
.mr-testimonial-card > * {
	position: relative;
	z-index: 2;
}

/* ==========================================================
   Author - بالای کارت
   ========================================================== */
.mr-testimonial-author {
	display: flex !important;
	align-items: center !important;
	gap: 12px !important;
	padding-bottom: 12px !important;
	border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
	order: 1 !important;
	margin-top: 0 !important;
	padding-top: 0 !important;
	border-top: none !important;
}

/* آواتار */
.mr-testimonial-avatar {
	width: 46px !important;
	height: 46px !important;
	border-radius: 50% !important;
	overflow: hidden !important;
	background: rgba(255, 255, 255, 0.08) !important;
	border: 2px solid rgba(255, 255, 255, 0.15) !important;
	flex-shrink: 0 !important;
	padding: 2px !important;
	transition: all 0.4s ease !important;
	box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3) !important;
}

.mr-testimonial-avatar img {
	width: 100% !important;
	height: 100% !important;
	object-fit: cover !important;
	border-radius: 50% !important;
	transition: transform 0.4s ease !important;
}

.mr-testimonial-card:hover .mr-testimonial-avatar {
	border-color: rgba(255, 255, 255, 0.35) !important;
	transform: scale(1.05) !important;
	box-shadow: 0 6px 20px rgba(0, 0, 0, 0.4) !important;
}

.mr-testimonial-card:hover .mr-testimonial-avatar img {
	transform: scale(1.08) !important;
}

/* اطلاعات نویسنده */
.mr-testimonial-info {
	display: flex !important;
	flex-direction: column !important;
	gap: 2px !important;
	flex: 1 !important;
}

.mr-testimonial-name {
	color: #ffffff !important;
	font-size: 14px !important;
	font-weight: 800 !important;
	margin: 0 !important;
	text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) !important;
	line-height: 1.3 !important;
}

.mr-testimonial-position {
	color: #ffffff !important;
	opacity: 0.6 !important;
	font-size: 11px !important;
	font-weight: 600 !important;
	line-height: 1.2 !important;
}

/* ==========================================================
   آیکون Quote - حذف کامل
   ========================================================== */
.mr-quote-icon {
	display: none !important;
}

/* ==========================================================
   Rating (ستاره‌ها)
   ========================================================== */
.mr-testimonial-rating {
	display: flex !important;
	gap: 3px !important;
	align-items: center !important;
	order: 2 !important;
	margin: 0 !important;
}

.mr-star {
	width: 16px !important;
	height: 16px !important;
	fill: rgba(255, 255, 255, 0.2) !important;
	transition: all 0.3s ease !important;
}

.mr-star-filled {
	fill: #ffb800 !important;
	filter: drop-shadow(0 2px 6px rgba(255, 184, 0, 0.4)) !important;
}

.mr-testimonial-card:hover .mr-star-filled {
	transform: scale(1.1) !important;
}

/* ==========================================================
   متن نظر - فشرده و کوتاه
   ========================================================== */
.mr-testimonial-content {
	color: #ffffff !important;
	opacity: 0.9 !important;
	font-size: 13px !important;
	line-height: 1.8 !important;
	margin: 0 !important;
	font-weight: 500 !important;
	text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) !important;
	flex: 1 !important;
	order: 3 !important;
	padding: 2px 0 !important;
}

/* ==========================================================
   محصول - Badge
   ========================================================== */
.mr-testimonial-product {
	display: inline-flex !important;
	align-items: center !important;
	gap: 6px !important;
	padding: 6px 12px !important;
	background: rgba(255, 255, 255, 0.08) !important;
	border: 1px solid rgba(255, 255, 255, 0.15) !important;
	border-radius: 8px !important;
	color: #ffffff !important;
	font-size: 11px !important;
	font-weight: 700 !important;
	width: fit-content !important;
	transition: all 0.3s ease !important;
	order: 4 !important;
	margin-top: auto !important;
}

.mr-testimonial-product svg {
	width: 12px !important;
	height: 12px !important;
	stroke: #ffffff !important;
}

.mr-testimonial-card:hover .mr-testimonial-product {
	background: rgba(255, 255, 255, 0.15) !important;
	border-color: rgba(255, 255, 255, 0.3) !important;
	transform: translateX(-3px) !important;
}

/* ==========================================================
   دکمه‌های ناوبری - فلش‌ها به بیرون
   ========================================================== */
.mr-testimonials-nav {
	position: absolute !important;
	top: 50% !important;
	transform: translateY(-50%) !important;
	z-index: 10 !important;
	width: 44px !important;
	height: 44px !important;
	border-radius: 50% !important;
	background: rgba(255, 255, 255, 0.06) !important;
	backdrop-filter: blur(15px) !important;
	-webkit-backdrop-filter: blur(15px) !important;
	border: 1px solid rgba(255, 255, 255, 0.12) !important;
	color: #ffffff !important;
	cursor: pointer !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
	box-shadow:
		0 4px 15px rgba(0, 0, 0, 0.3),
		inset 0 1px 0 rgba(255, 255, 255, 0.08) !important;
}

/* موقعیت فلش‌ها */
.mr-testimonials-prev {
	right: -10px !important;
	left: auto !important;
}

.mr-testimonials-next {
	left: -10px !important;
	right: auto !important;
}

/* آیکون‌های SVG */
.mr-testimonials-nav svg {
	width: 20px !important;
	height: 20px !important;
	stroke: #ffffff !important;
	transition: transform 0.3s ease !important;
}

/* فلش سمت راست (prev) - نوکش رو به راست (بیرون) */
.mr-testimonials-prev svg {
	transform: rotate(180deg) !important;
}

/* فلش سمت چپ (next) - نوکش رو به چپ (بیرون) */
.mr-testimonials-next svg {
	transform: rotate(180deg) !important;
}

/* هاور */
.mr-testimonials-nav:hover {
	background: rgba(255, 255, 255, 0.15) !important;
	border-color: rgba(255, 255, 255, 0.3) !important;
	transform: translateY(-50%) scale(1.1) !important;
	box-shadow:
		0 8px 25px rgba(0, 0, 0, 0.4),
		inset 0 1px 0 rgba(255, 255, 255, 0.15) !important;
}

.mr-testimonials-prev:hover svg {
	transform: rotate(180deg) translateX(3px) !important;
}

.mr-testimonials-next:hover svg {
	transform: rotate(180deg) translateX(-3px) !important;
}

/* ==========================================================
   Pagination
   ========================================================== */
.mr-testimonials-pagination {
	position: relative !important;
	margin-top: 20px !important;
	text-align: center !important;
	display: flex !important;
	justify-content: center !important;
	gap: 8px !important;
}

.mr-testimonials-pagination .swiper-pagination-bullet {
	width: 9px !important;
	height: 9px !important;
	background: rgba(255, 255, 255, 0.25) !important;
	opacity: 1 !important;
	border-radius: 10px !important;
	transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
	cursor: pointer !important;
	border: 1px solid rgba(255, 255, 255, 0.1) !important;
}

.mr-testimonials-pagination .swiper-pagination-bullet:hover {
	background: rgba(255, 255, 255, 0.4) !important;
	transform: scale(1.2) !important;
}

.mr-testimonials-pagination .swiper-pagination-bullet-active {
	background: linear-gradient(135deg, #ffffff, #a0a0a0) !important;
	width: 28px !important;
	box-shadow: 0 2px 10px rgba(255, 255, 255, 0.3) !important;
	border-color: rgba(255, 255, 255, 0.3) !important;
}

/* ==========================================================
   Responsive
   ========================================================== */
@media (max-width: 1024px) {
	.mr-testimonials-nav {
		width: 40px !important;
		height: 40px !important;
	}
	
	.mr-testimonials-prev {
		right: -5px !important;
	}
	
	.mr-testimonials-next {
		left: -5px !important;
	}
}

@media (max-width: 768px) {
	.mr-testimonials-wrapper {
		padding: 30px 20px !important;
		border-radius: 20px !important;
	}
	
	.mr-testimonials-header {
		margin-bottom: 15px !important;
	}
	
	.mr-testimonials-title {
		font-size: 22px !important;
	}
	
	.mr-testimonial-card {
		padding: 16px !important;
		gap: 10px !important;
	}
	
	.mr-testimonial-content {
		font-size: 13px !important;
		line-height: 1.7 !important;
	}
	
	.mr-testimonial-avatar {
		width: 42px !important;
		height: 42px !important;
	}
	
	.mr-testimonial-name {
		font-size: 13px !important;
	}
	
	.mr-testimonial-position {
		font-size: 10px !important;
	}
	
	.mr-testimonials-nav {
		display: none !important;
	}
}

@media (max-width: 480px) {
	.mr-testimonials-wrapper {
		padding: 25px 15px !important;
		border-radius: 18px !important;
	}
	
	.mr-testimonial-card {
		padding: 14px !important;
	}
	
	.mr-testimonials-subtitle {
		font-size: 11px !important;
		letter-spacing: 2px !important;
	}
}

.mr-testimonial-card{
    min-height: 250px !important;
}