/* Page preloader — restyles TheGem's page-transition spinner (#page-preloader)
   and its in-content variants (.block-preloader, .preloader-spin) to match the
   redesign: cream page background and a single terracotta ring instead of
   three coloured rings on a dark navy overlay. */

:root {
	--thsc-preloader-bg: #fcf7f3;
	--thsc-preloader-track: rgba(74, 47, 34, 0.14);
	--thsc-preloader-accent: #a85001;
}

body #page-preloader {
	background: var(--thsc-preloader-bg);
	opacity: 1;
}

body #page-preloader .page-preloader-spin,
body .block-preloader .page-preloader-spin,
body .preloader-spin {
	width: 44px;
	height: 44px;
	margin: -22px;
	border: 2px solid var(--thsc-preloader-track);
	border-top-color: var(--thsc-preloader-accent);
	animation-duration: 0.9s;
	animation-timing-function: linear;
}

body .block-preloader .page-preloader-spin {
	margin-top: 0;
}

/* Drop the inner two rings; the single ring is the whole design. */
body #page-preloader .page-preloader-spin:before,
body #page-preloader .page-preloader-spin:after,
body .block-preloader .page-preloader-spin:before,
body .block-preloader .page-preloader-spin:after,
body .preloader-spin:before,
body .preloader-spin:after {
	display: none;
}

@media (prefers-reduced-motion: reduce) {
	body #page-preloader .page-preloader-spin,
	body .block-preloader .page-preloader-spin,
	body .preloader-spin {
		animation-duration: 2.5s;
	}
}
