/* ==========================================
   Loading Overlay — Luxury
========================================== */

.tap-loading{

	position:fixed;

	inset:0;

	display:none;

	align-items:center;

	justify-content:center;

	background:rgba(20,32,58,.85);

	backdrop-filter:blur(10px);

	z-index:99999;

}

.tap-loading-box{

	width:520px;

	max-width:90%;

	background:var(--tap-card);

	padding:40px;

	border-radius:var(--tap-radius-lg);

	text-align:center;

	box-shadow:var(--tap-shadow-lg);

	border:1px solid var(--tap-gold-light);

}

.tap-spinner,
.tap-loader{

	width:64px;

	height:64px;

	margin:0 auto 25px;

	border-radius:50%;

	border:5px solid var(--tap-gold-tint);

	border-top-color:var(--tap-gold);

	animation:tapSpin 1s linear infinite;

}

@keyframes tapSpin{

	to{

		transform:rotate(360deg);

	}

}

#tap-loading-text{

	font-family:var(--tap-font-heading);

	font-size:20px;

	color:var(--tap-heading);

	margin:0 0 6px;

}

.tap-progress{

	height:8px;

	background:var(--tap-gold-tint);

	border-radius:999px;

	margin:30px 0;

	overflow:hidden;

}

.tap-progress-bar{

	width:0;

	height:100%;

	background:var(--tap-gradient-gold);

	animation:tapProgress 5s linear infinite;

}

@keyframes tapProgress{

	0%{

		width:0;

	}

	100%{

		width:100%;

	}

}

.tap-loading-steps{

	list-style:none;

	margin:25px 0 0;

	padding:0;

	text-align:left;

}

.tap-loading-steps li{

	padding:8px 0;

	color:var(--tap-light);

}