/**
 * =================================================================================
 * | PRELOADER COMPONENT - FAANG-Level Implementation |
 * | |
 * | این کامپوننت یک پری‌لودر حرفه‌ای با انیمیشن دایره‌ای پیشرفت است |
 * | |
 * | ویژگی‌های کلیدی: |
 * | - انیمیشن دایره‌ای پیشرفت با SVG |
 * | - نمایش درصد بارگذاری |
 * | - انیمیشن fade out نرم |
 * | - پشتیبانی کامل از RTL/LTR |
 * | - بهینه‌سازی برای موبایل و دسکتاپ |
 * | |
 * | تاریخ ایجاد: 2025-01-27 |
 * | نسخه: 1.0.0 |
 * =================================================================================
 */

/* Preloader Container: کانتینر اصلی پری‌لودر با پس‌زمینه سیاه */

.aic-preloader {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #000000;
	z-index: 99999;
	display: none;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	opacity: 0;
	transition: opacity 0.3s ease-in, visibility 0.3s ease-in;
	visibility: hidden;
	pointer-events: none;
}

/* Preloader Visible: حالت نمایش پری‌لودر */

.aic-preloader.aic-preloader-visible {
	display: flex;
	opacity: 1;
	visibility: visible;
	pointer-events: auto;
	transition: opacity 0.3s ease-in, visibility 0.3s ease-in;
}

/* Preloader Hidden State: حالت مخفی پری‌لودر */

.aic-preloader.aic-preloader-hidden {
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
	transition: opacity 0.5s ease-out, visibility 0.5s ease-out;
}

/* Preloader Content: محتوای پری‌لودر با موقعیت نسبی */

.aic-preloader-content {
	position: relative;
	width: 200px;
	height: 200px;
	display: flex;
	align-items: center;
	justify-content: center;
}

/* Circular Progress SVG: SVG دایره‌ای پیشرفت با انیمیشن چرخش سریع */

.aic-preloader-circle {
	width: 100%;
	height: 100%;
	transform: rotate(-90deg);
	animation: aic-preloader-rotate 1.5s linear infinite;
	will-change: transform;
}

/* Animation: چرخش مداوم و سریع دایره از همان ابتدا */

@keyframes aic-preloader-rotate {
	from {
		transform: rotate(-90deg);
	}
	to {
		transform: rotate(270deg);
	}
}

/* فعال شدن انیمیشن از همان ابتدا */

.aic-preloader.aic-preloader-visible .aic-preloader-circle {
	animation-play-state: running;
}

/* Circular Progress Path: مسیر دایره‌ای با خطوط dashed و انیمیشن سریع */

.aic-preloader-circle-path {
	fill: none;
	stroke: #b6a3e5;
	stroke-width: 8;
	stroke-linecap: round;
	stroke-dasharray: 8 12;
	stroke-dashoffset: 565.48;
	transition: stroke-dashoffset 0.1s linear;
	transform: translateZ(0); /* GPU acceleration */
	backface-visibility: hidden;
	will-change: stroke-dashoffset;
}

/* Circular Progress Background: پس‌زمینه خاکستری دایره */

.aic-preloader-circle-bg {
	fill: none;
	stroke: #666666;
	stroke-width: 8;
	stroke-linecap: round;
	stroke-dasharray: 8 12;
	opacity: 0.5;
}

/* Percentage Text: متن درصد به رنگ سفید با انیمیشن روان */

.aic-preloader-percentage {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	font-family: 'Metropolis', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
	font-size: 48px;
	font-weight: 700;
	color: #ffffff;
	line-height: 1;
	text-align: center;
	transition: opacity 0.15s ease;
}

/* Loading Text: متن بارگذاری (مخفی در طراحی جدید) */

.aic-preloader-text {
	display: none;
}

/* Fade In Text Animation: انیمیشن نمایش متن */

@keyframes fadeInText {
	from {
		opacity: 0;
		transform: translateY(10px);
	}
	to {
		opacity: 1;
		transform: translateY(0);
	}
}

/* Mobile Optimization: بهینه‌سازی موبایل */

@media (max-width: 768px) {
	.aic-preloader-content {
		width: 150px;
		height: 150px;
	}

	.aic-preloader-percentage {
		font-size: 36px;
	}

	.aic-preloader-circle-path,
	.aic-preloader-circle-bg {
		stroke-width: 6;
	}
}

/* RTL Support: پشتیبانی از RTL */

[dir="rtl"] .aic-preloader {
	direction: rtl;
}

/* Reduced Motion Support: پشتیبانی از prefers-reduced-motion */

@media (prefers-reduced-motion: reduce) {
	.aic-preloader,
	.aic-preloader-circle-path,
	.aic-preloader-percentage {
		transition: none;
		animation: none;
	}

	.aic-preloader.aic-preloader-visible {
		opacity: 1;
		transition: opacity 0.1s ease;
	}

	.aic-preloader.aic-preloader-hidden {
		opacity: 0;
		transition: opacity 0.1s ease;
	}
}

/* Performance Optimization: GPU acceleration */

.aic-preloader-content {
	transform: translateZ(0);
	will-change: transform;
}

.aic-preloader-percentage {
	transform: translate(-50%, -50%) translateZ(0);
	will-change: contents;
}



/*# sourceMappingURL=preloader.css.map*/