/* ═══════════════════════════════════════════
 * AZRA Automotive — Loading Screen
 * Full-screen overlay + gold progress bar
 * ═══════════════════════════════════════════ */

.loader {
	position: fixed;
	inset: 0;
	z-index: 9999;
	background: var(--color-bg-primary);
	display: flex;
	align-items: center;
	justify-content: center;
}

.loader.is-hidden {
	display: none;
}

.loader__content {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: var(--space-lg);
}

.loader__logo {
	font-family: var(--font-display);
	font-size: var(--text-3xl);
	font-weight: 700;
	letter-spacing: 0.2em;
	color: var(--color-text-primary);
}

.loader__bar-track {
	width: 200px;
	height: 2px;
	background: rgba(255, 255, 255, 0.08);
	border-radius: var(--radius-full);
	overflow: hidden;
}

.loader__bar-fill {
	width: 0%;
	height: 100%;
	background: var(--color-gold-gradient);
	border-radius: var(--radius-full);
	transition: width 50ms linear;
}

.loader__pct {
	font-family: var(--font-mono);
	font-size: var(--text-xs);
	color: var(--color-text-muted);
	letter-spacing: 0.1em;
}