/* ===================================================
   Hover Video for Elementor - Frontend Styles
=================================================== */

.hve-single-wrap,
.hve-carousel-wrap {
	width: 100%;
	direction: rtl;
}

.hve-video-item {
	position: relative;
	width: 100%;
}

.hve-video-inner {
	position: relative;
	width: 100%;
	height: 0;
	overflow: hidden;
	border-radius: 18px;
	background: linear-gradient(135deg, #1a1a2e 0%, #16213e 100%);
	transition: transform .45s cubic-bezier(.22,.61,.36,1), box-shadow .45s ease;
	isolation: isolate;
}

.hve-hover-scale .hve-video-item:hover .hve-video-inner {
	transform: scale(1.035);
	box-shadow: 0 18px 45px -10px rgba(0,0,0,.45);
}

.hve-video {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
	background: #000;
	transition: filter .35s ease;
}

.hve-video-item:hover .hve-video {
	filter: brightness(1.02) saturate(1.08);
}

/* آیکون پلی روی وسط ویدیو */
.hve-play-icon {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%) scale(1);
	width: 56px;
	height: 56px;
	border-radius: 50%;
	background: rgba(0, 0, 0, .45);
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	backdrop-filter: blur(4px);
	transition: opacity .35s ease, transform .35s ease;
	pointer-events: none;
	z-index: 3;
	box-shadow: 0 4px 18px rgba(0,0,0,.35);
}

.hve-video-item:hover .hve-play-icon,
.hve-video-item.hve-is-playing .hve-play-icon {
	opacity: 0;
	transform: translate(-50%, -50%) scale(1.15);
}

/* عنوان روی ویدیو */
.hve-caption {
	position: absolute;
	right: 16px;
	bottom: 14px;
	left: 16px;
	color: #fff;
	font-size: 15px;
	font-weight: 600;
	text-shadow: 0 2px 10px rgba(0,0,0,.55);
	z-index: 3;
	opacity: 0;
	transform: translateY(8px);
	transition: opacity .35s ease, transform .35s ease;
}

.hve-video-item:hover .hve-caption {
	opacity: 1;
	transform: translateY(0);
}

/* لایه گرادینت ملایم پایین قاب برای خوانایی بهتر کپشن */
.hve-video-inner::after {
	content: '';
	position: absolute;
	inset: 0;
	background: linear-gradient(to top, rgba(0,0,0,.45) 0%, rgba(0,0,0,0) 35%);
	opacity: 0;
	transition: opacity .35s ease;
	z-index: 2;
	pointer-events: none;
}

.hve-video-item:hover .hve-video-inner::after {
	opacity: 1;
}

.hve-empty-notice {
	position: absolute;
	inset: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #cfcfcf;
	font-size: 14px;
	background: repeating-linear-gradient(45deg, #232335, #232335 10px, #1c1c2b 10px, #1c1c2b 20px);
}

/* ===================================================
   کاروسل (Swiper)
=================================================== */

.hve-carousel-wrap {
	position: relative;
	padding: 0 4px;
}

.hve-swiper {
	overflow: hidden;
	padding: 8px 4px 40px;
}

.hve-swiper .swiper-slide {
	height: auto;
}

.hve-carousel-wrap .swiper-button-prev,
.hve-carousel-wrap .swiper-button-next {
	width: 44px;
	height: 44px;
	background: rgba(20,20,20,.55);
	border-radius: 50%;
	color: #fff;
	backdrop-filter: blur(3px);
	transition: background .3s ease, transform .3s ease;
}

.hve-carousel-wrap .swiper-button-prev:hover,
.hve-carousel-wrap .swiper-button-next:hover {
	background: rgba(20,20,20,.85);
	transform: scale(1.06);
}

.hve-carousel-wrap .swiper-button-prev::after,
.hve-carousel-wrap .swiper-button-next::after {
	font-size: 16px;
	font-weight: 700;
}

.hve-carousel-wrap .swiper-pagination-bullet {
	width: 9px;
	height: 9px;
	background: #bbb;
	opacity: .6;
	transition: all .3s ease;
}

.hve-carousel-wrap .swiper-pagination-bullet-active {
	opacity: 1;
	background: #e0245e;
	width: 22px;
	border-radius: 6px;
}

/* ریسپانسیو پایه */
@media (max-width: 767px) {
	.hve-play-icon {
		width: 46px;
		height: 46px;
	}
	.hve-caption {
		font-size: 13px;
	}
}