/* ویجت اسلایدر اختصاصی — ناوبری SVG پایین راست */
.alikipa-exclusive-slider-widget {
	width: 100%;
	direction: rtl;
}

.alikipa-exclusive-slider-empty {
	margin: 0;
	padding: 16px;
	text-align: center;
	color: #6b7280;
	font-size: 14px;
}

.alikipa-exclusive-slider-root {
	width: 100%;
}

.alikipa-exclusive-slider-viewport {
	position: relative;
	overflow: visible;
	border-radius: var(--alikipa-exclusive-slider-radius, 20px);
	min-height: var(--alikipa-exclusive-slider-min-height, 320px);
}

.alikipa-exclusive-slider-stage {
	position: relative;
	overflow: hidden;
	width: 100%;
	min-height: var(--alikipa-exclusive-slider-min-height, 320px);
	border-radius: inherit;
	background: linear-gradient(165deg, #fde8dc 0%, #f5b8a8 55%, #f0a090 100%);
	direction: ltr;
	touch-action: pan-y;
}

.alikipa-exclusive-slider-viewport.is-alikipa-es-dragging,
.alikipa-exclusive-slider-stage.is-alikipa-es-dragging {
	cursor: grabbing;
	user-select: none;
}

.alikipa-exclusive-slider-track {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-items: stretch;
	justify-content: flex-start;
	direction: ltr;
	transition: transform 0.45s cubic-bezier(0.4, 0, 0.2, 1);
	will-change: transform;
}

.alikipa-exclusive-slider-slide {
	flex-shrink: 0;
	box-sizing: border-box;
	height: 100%;
}

.alikipa-exclusive-slider-slide-link {
	display: block;
	width: 100%;
	height: 100%;
	min-height: var(--alikipa-exclusive-slider-min-height, 320px);
	overflow: hidden;
	text-decoration: none;
}

.alikipa-exclusive-slider-slide-link.is-no-link {
	cursor: grab;
}

.alikipa-exclusive-slider-viewport.is-alikipa-es-dragging .alikipa-exclusive-slider-slide-link,
.alikipa-exclusive-slider-stage.is-alikipa-es-dragging .alikipa-exclusive-slider-slide-link {
	cursor: grabbing;
}

.alikipa-exclusive-slider-img {
	display: block;
	width: 100%;
	height: 100%;
	min-height: var(--alikipa-exclusive-slider-min-height, 320px);
	object-fit: cover;
	object-position: center;
	pointer-events: auto;
}

.alikipa-exclusive-slider-root.is-alikipa-exclusive-loading .alikipa-exclusive-slider-img {
	opacity: 0 !important;
}

.alikipa-exclusive-slider-root.is-alikipa-exclusive-loading .alikipa-exclusive-slider-stage::after {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(
		110deg,
		rgba(255, 255, 255, 0) 20%,
		rgba(255, 255, 255, 0.55) 45%,
		rgba(255, 255, 255, 0) 70%
	);
	opacity: 0.55;
	transform: translateX(-60%);
	animation: alikipa-exclusive-skeleton-shimmer 1.15s ease-in-out infinite;
	pointer-events: none;
}

@keyframes alikipa-exclusive-skeleton-shimmer {
	0% { transform: translateX(-60%); }
	100% { transform: translateX(60%); }
}

.alikipa-exclusive-slider-viewport--has-nav {
	--alikipa-exclusive-nav-height: 40px;
	--alikipa-exclusive-nav-max-width: 40%;
	--alikipa-exclusive-nav-offset-bottom: 18px;
	--alikipa-exclusive-nav-shift-left: 24px;
	--alikipa-exclusive-dot-size: 16px;
	--alikipa-exclusive-nav-shape-height: 62%;
	--alikipa-exclusive-nav-shape-lift: 8px;
}

.alikipa-exclusive-slider-nav {
	position: absolute;
	right: var(--alikipa-exclusive-nav-shift-left, 24px);
	bottom: calc(-1 * var(--alikipa-exclusive-nav-offset-bottom, 18px));
	z-index: 5;
	height: var(--alikipa-exclusive-nav-height, 40px) !important;
	width: min(
		var(--alikipa-exclusive-nav-max-width, 40%),
		calc(var(--alikipa-exclusive-nav-height, 40px) * 500 / 94)
	) !important;
	min-width: 130px;
	max-height: var(--alikipa-exclusive-nav-height, 40px);
	display: flex;
	align-items: flex-end;
	justify-content: center;
	padding: 0 14px 4px;
	box-sizing: border-box;
	color: #ffffff;
	pointer-events: none;
}

.alikipa-exclusive-slider-nav__shape {
	position: absolute;
	left: 0;
	right: 0;
	bottom: var(--alikipa-exclusive-nav-shape-lift, 8px);
	top: auto;
	width: 100%;
	height: var(--alikipa-exclusive-nav-shape-height, 62%);
	display: block;
	pointer-events: none;
}

.alikipa-exclusive-slider-dots {
	position: relative;
	z-index: 1;
	display: flex;
	flex-wrap: wrap;
	align-items: flex-end;
	justify-content: center;
	gap: 10px;
	pointer-events: auto;
	min-height: var(--alikipa-exclusive-dot-size, 16px);
}

.alikipa-exclusive-slider-dots .alikipa-exclusive-slider-dot {
	pointer-events: auto;
}

.alikipa-exclusive-slider-dot {
	width: var(--alikipa-exclusive-dot-size, 16px);
	height: var(--alikipa-exclusive-dot-size, 16px);
	padding: 0;
	border: none;
	border-radius: 100% 0 0 0;
	background-color: #c5cdd8;
	cursor: pointer;
	flex-shrink: 0;
	transition: background-color 0.2s ease, transform 0.2s ease, opacity 0.2s ease;
	box-shadow: none;
}

.alikipa-exclusive-slider-dot:hover {
	opacity: 0.85;
}

.alikipa-exclusive-slider-dot.is-active {
	background-color: #f5894a;
	transform: scale(1.08);
}

@media (max-width: 768px) {
	.alikipa-exclusive-slider-viewport--has-nav {
		--alikipa-exclusive-nav-height: 34px;
		--alikipa-exclusive-nav-max-width: 55%;
	}

	.alikipa-exclusive-slider-nav {
		min-width: 140px;
		padding: 0 12px 5px;
	}

	.alikipa-exclusive-slider-dots {
		gap: 8px;
	}
}
