/**
 * Selynor Booking Trigger — loading overlay
 *
 * The accent color is injected as --sbt-accent via wp_add_inline_style
 * so this file stays fully static / cacheable.
 */

.sbt-loading-overlay {
	position: fixed;
	inset: 0;
	background: rgba(255, 255, 255, 0.92);
	-webkit-backdrop-filter: blur(6px);
	backdrop-filter: blur(6px);
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 18px;
	z-index: 999999;
	opacity: 0;
	pointer-events: none;
	transition: opacity 0.18s ease;
}

.sbt-loading-overlay.is-visible {
	opacity: 1;
	pointer-events: auto;
}

.sbt-loading-spinner {
	width: 48px;
	height: 48px;
	border: 4px solid rgba(0, 0, 0, 0.08);
	border-top-color: var(--sbt-accent, #29939a);
	border-radius: 50%;
	animation: sbtSpin 0.85s linear infinite;
}

.sbt-loading-text {
	font-size: 15px;
	color: rgba(0, 0, 0, 0.7);
	font-weight: 500;
	letter-spacing: 0.02em;
}

@keyframes sbtSpin {
	to { transform: rotate(360deg); }
}

@media (prefers-color-scheme: dark) {
	.sbt-loading-overlay {
		background: rgba(20, 20, 20, 0.9);
	}
	.sbt-loading-spinner {
		border-color: rgba(255, 255, 255, 0.12);
		border-top-color: var(--sbt-accent, #29939a);
	}
	.sbt-loading-text {
		color: rgba(255, 255, 255, 0.85);
	}
}