/* =========================================================
   GRIHVASTU FAST PAGE LOADER
   ========================================================= */

.fast-loader-overlay {
	position: fixed;
	inset: 0;

	width: 100%;
	height: 100%;

	background-color: rgba(255, 255, 255, 0.92);

	z-index: 999999;

	display: flex;
	align-items: center;
	justify-content: center;

	opacity: 0;
	visibility: hidden;

	pointer-events: none;

	transition:
		opacity 0.15s ease,
		visibility 0s linear 0.15s;
}


/* WordPress Admin Bar */
body.admin-bar .fast-loader-overlay {
	top: var(--wp-admin--admin-bar--height, 32px);
	height: calc(100% - var(--wp-admin--admin-bar--height, 32px));
}


@media screen and (max-width: 782px) {

	body.admin-bar .fast-loader-overlay {
		top: 46px;
		height: calc(100% - 46px);
	}

}


/* Active loader */
.fast-loader-overlay.is-active {

	opacity: 1;

	visibility: visible;

	pointer-events: auto;

	transition:
		opacity 0.15s ease,
		visibility 0s linear 0s;
}


/* =========================================================
   LOADER CONTENT
   ========================================================= */

.fast-loader-container {

	display: flex;

	flex-direction: column;

	align-items: center;

	justify-content: center;

	gap: 14px;

	text-align: center;

	padding: 20px;
}


/* =========================================================
   SPINNER
   ========================================================= */

.fast-loader-spinner {

	width: 42px;

	height: 42px;

	border: 3px solid rgba(27, 77, 62, 0.12);

	border-top-color: #1b4d3e;

	border-radius: 50%;

	animation:
		fast-spin-9b089982 0.75s linear infinite;
}


/* =========================================================
   LOADING TEXT
   ========================================================= */

.fast-loader-text {

	font-family:
		-apple-system,
		BlinkMacSystemFont,
		"Segoe UI",
		Roboto,
		Oxygen-Sans,
		Ubuntu,
		Cantarell,
		"Helvetica Neue",
		sans-serif;

	font-size: 13px;

	font-weight: 500;

	color: #1b4d3e;

	margin: 0;

	letter-spacing: 0.3px;

}


/* =========================================================
   SPINNER ANIMATION
   ========================================================= */

@keyframes fast-spin-9b089982 {

	to {
		transform: rotate(360deg);
	}

}


/* =========================================================
   ACCESSIBILITY
   Respect users who prefer reduced motion
   ========================================================= */

@media (prefers-reduced-motion: reduce) {

	.fast-loader-spinner {

		animation: none;

	}

	.fast-loader-overlay {

		transition: none;

	}

}