/**
 * FacetWP UI — loading overlay and spinner.
 */

/* ── Overlay ────────────────────────────────────────────────────────────────── */

.tof-fwp-overlay {
	display: none;
	position: absolute;
	inset: 0;
	z-index: 100;
	background: rgba(255, 255, 255, 0.6);
	align-items: flex-start;
	justify-content: center;
	padding-top: 48px;
	pointer-events: none;
}

.tof-fwp-loading {
	position: relative; /* ensure stacking context on the results el */
}

.tof-fwp-loading .tof-fwp-overlay {
	display: flex;
}

/* ── Spinner ────────────────────────────────────────────────────────────────── */

.tof-fwp-spinner {
	display: block;
	width: 48px;
	height: 48px;
	border: 4px solid rgba(0, 94, 131, 0.2);  /* --tof-blue at low opacity */
	border-top-color: #005e83;                 /* --tof-blue solid */
	border-radius: 50%;
	animation: tof-fwp-spin 0.75s linear infinite;
}

@keyframes tof-fwp-spin {
	to { transform: rotate(360deg); }
}