/* ==========================================================================
   Fvor8 Checkout Kit — Loader
   Initial paint overlay matching the Luxana reference. Fades out via JS.
   ========================================================================== */

#fck-init-loader {
	position: fixed;
	inset: 0;
	z-index: 9999;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: opacity 200ms ease-out;
}

#fck-init-loader[hidden] {
	display: none;
}

#fck-init-loader.is-fading {
	opacity: 0;
	pointer-events: none;
}

#fck-init-loader svg {
	width: 64px;
	height: 64px;
}

/* Animation referenced inline by the loader SVG. Renamed to fck-lux so it
   doesn't collide with other plugins' `lux` keyframes. */
@keyframes fck-lux {
	0% {
		stroke-dashoffset: 750;
	}
	100% {
		stroke-dashoffset: 0;
	}
}

/* Respect user motion preferences. */
@media (prefers-reduced-motion: reduce) {
	#fck-init-loader svg path[stroke-dasharray] {
		animation: none !important;
	}
	#fck-init-loader {
		transition: none;
	}
}