/*--------------------------------------------------------------
# Page Loader – Speedy Magazine Theme
#
# Conditionally loaded only when the page-loader feature is on.
#
# @package Speedy_Magazine
# @since   1.0.0
--------------------------------------------------------------*/

.educenters-page-loader {
	position: fixed;
	inset: 0;
	z-index: 99999;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #fff;
	transition: opacity 0.4s ease, visibility 0.4s ease;
	/* CSS-only safety net: auto-hide after 4s even if JS fails */
	animation: educenters-loader-autohide 0s 4s forwards;
}

[data-theme="dark"] .educenters-page-loader {
	background-color: #121212;
}

.educenters-page-loader.loaded {
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
}

/* When JS succeeds and adds .loaded, cancel the CSS animation */
.educenters-page-loader.loaded {
	animation: none;
}

.educenters-loader-spinner {
	animation: educenters-pulse 1s ease-in-out infinite alternate;
}

@keyframes educenters-pulse {
	from { transform: scale(0.9); opacity: 0.7; }
	to   { transform: scale(1);   opacity: 1;   }
}

/* CSS-only fallback: automatically hide loader after 4 seconds */
@keyframes educenters-loader-autohide {
	to {
		opacity: 0;
		visibility: hidden;
		pointer-events: none;
		z-index: -1;
	}
}

/* Hide loader entirely when JS is disabled */
.no-js .educenters-page-loader {
	display: none !important;
}