/**
 * ویجت اسلایدر پاییزان — ناوبری SVG پایین راست.
 */
.paezan-slider-widget {
	width: 100%;
	direction: rtl;
}

.paezan-slider-empty {
	margin: 0;
	padding: 16px;
	text-align: center;
	color: #6b7280;
	font-size: 14px;
}

.paezan-slider-root {
	width: 100%;
}

.paezan-slider-viewport {
	position: relative;
	overflow: visible;
	border-radius: var(--paezan-slider-radius, 20px);
	min-height: var(--paezan-slider-min-height, 320px);
}

.paezan-slider-stage {
	position: relative;
	overflow: hidden;
	width: 100%;
	min-height: var(--paezan-slider-min-height, 320px);
	border-radius: inherit;
	background: linear-gradient(165deg, #ffe7d2 0%, #ffc09a 55%, #ff9a66 100%);
	direction: ltr;
	touch-action: pan-y;
}

.paezan-slider-viewport.is-paezan-slider-dragging,
.paezan-slider-stage.is-paezan-slider-dragging {
	cursor: grabbing;
	user-select: none;
}

.paezan-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;
}

.paezan-slider-slide {
	flex-shrink: 0;
	box-sizing: border-box;
	height: 100%;
}

.paezan-slider-slide-link {
	display: block;
	width: 100%;
	height: 100%;
	min-height: var(--paezan-slider-min-height, 320px);
	overflow: hidden;
	text-decoration: none;
}

.paezan-slider-slide-link.is-no-link {
	cursor: grab;
}

.paezan-slider-viewport.is-paezan-slider-dragging .paezan-slider-slide-link,
.paezan-slider-stage.is-paezan-slider-dragging .paezan-slider-slide-link {
	cursor: grabbing;
}

.paezan-slider-img {
	display: block;
	width: 100%;
	height: 100%;
	min-height: var(--paezan-slider-min-height, 320px);
	object-fit: cover;
	object-position: center;
	pointer-events: auto;
}

.paezan-slider-root.is-paezan-slider-loading .paezan-slider-img {
	opacity: 0 !important;
}

.paezan-slider-root.is-paezan-slider-loading .paezan-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: paezan-slider-skeleton-shimmer 1.15s ease-in-out infinite;
	pointer-events: none;
}

@keyframes paezan-slider-skeleton-shimmer {
	0% {
		transform: translateX(-60%);
	}
	100% {
		transform: translateX(60%);
	}
}

.paezan-slider-viewport--has-nav {
	--paezan-slider-nav-height: 40px;
	--paezan-slider-nav-max-width: 40%;
	--paezan-slider-nav-offset-bottom: 18px;
	--paezan-slider-nav-shift-left: 24px;
	--paezan-slider-dot-size: 16px;
	--paezan-slider-nav-shape-height: 62%;
	--paezan-slider-nav-shape-lift: 8px;
}

.paezan-slider-viewport--nav-vector .paezan-slider-nav {
	position: absolute;
	right: var(--paezan-slider-nav-shift-left, 24px);
	bottom: calc(-1 * var(--paezan-slider-nav-offset-bottom, 18px));
	z-index: 5;
	height: var(--paezan-slider-nav-height, 40px) !important;
	width: min(
		var(--paezan-slider-nav-max-width, 40%),
		calc(var(--paezan-slider-nav-height, 40px) * 500 / 94)
	) !important;
	min-width: 130px;
	max-height: var(--paezan-slider-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;
}

.paezan-slider-nav__shape {
	position: absolute;
	left: 0;
	right: 0;
	bottom: var(--paezan-slider-nav-shape-lift, 8px);
	top: auto;
	width: 100%;
	height: var(--paezan-slider-nav-shape-height, 62%);
	display: block;
	pointer-events: none;
}

.paezan-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(--paezan-slider-dot-size, 16px);
}

.paezan-slider-dots .paezan-slider-dot {
	pointer-events: auto;
}

/* ربع دایره — مخصوص استایل وکتور */
.paezan-slider-viewport--nav-vector .paezan-slider-dot {
	width: var(--paezan-slider-dot-size, 16px);
	height: var(--paezan-slider-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;
}

.paezan-slider-viewport--nav-vector .paezan-slider-dot:hover {
	opacity: 0.85;
}

.paezan-slider-viewport--nav-vector .paezan-slider-dot.is-active {
	background-color: #ff5c00;
	transform: scale(1.08);
}

/* استایل بدون وکتور — نقطه‌های گرد داخل اسلایدر */
.paezan-slider-viewport--nav-plain {
	overflow: hidden;
}

.paezan-slider-viewport--nav-plain .paezan-slider-nav {
	position: absolute;
	left: 0;
	right: 0;
	bottom: var(--paezan-slider-nav-offset-bottom, 14px);
	z-index: 5;
	width: 100% !important;
	min-width: 0;
	height: auto !important;
	max-height: none;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0 12px;
	box-sizing: border-box;
	pointer-events: none;
}

.paezan-slider-viewport--nav-plain .paezan-slider-nav__shape {
	display: none;
}

.paezan-slider-viewport--nav-plain .paezan-slider-dots {
	align-items: center;
	gap: 8px;
}

.paezan-slider-viewport--nav-plain .paezan-slider-dot {
	width: var(--paezan-slider-dot-size, 10px);
	height: var(--paezan-slider-dot-size, 10px);
	padding: 0;
	border: none;
	border-radius: 50%;
	background-color: rgba(255, 255, 255, 0.55);
	cursor: pointer;
	flex-shrink: 0;
	transition: background-color 0.2s ease, transform 0.2s ease, opacity 0.2s ease;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.18);
}

.paezan-slider-viewport--nav-plain .paezan-slider-dot:hover {
	opacity: 0.9;
}

.paezan-slider-viewport--nav-plain .paezan-slider-dot.is-active {
	background-color: #ff5c00;
	transform: scale(1.15);
}

@media (max-width: 768px) {
	.paezan-slider-viewport--nav-vector {
		--paezan-slider-nav-height: 34px;
		--paezan-slider-nav-max-width: 55%;
	}

	.paezan-slider-viewport--nav-vector .paezan-slider-nav {
		min-width: 140px;
		padding: 0 12px 5px;
	}

	.paezan-slider-viewport--nav-vector .paezan-slider-dots {
		gap: 8px;
	}

	.paezan-slider-viewport--nav-plain .paezan-slider-nav {
		bottom: var(--paezan-slider-nav-offset-bottom, 12px);
	}
}