/**
 * Global Page Loader Styles
 * Provides additional styling and smooth transitions for the loader
 * Main styles are inline in JS for immediate rendering
 */

/* Page-level loading state */
html.page-loading,
body.page-loading {
    overflow: hidden !important;
}

/* Loader base styles (enhance inline styles) */
#page-loader {
    font-family: 'Cormorant Garamond', Georgia, serif;
}

/* Hidden state with smooth transition */
#page-loader.loader-hidden {
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
}

/* Animations */
@keyframes loaderSpin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

@keyframes loaderPulse {

    0%,
    100% {
        transform: scale(1);
        opacity: 1;
    }

    50% {
        transform: scale(1.05);
        opacity: 0.85;
    }
}