/**
 * CzarCommerce — Sticky loader (spinner de carregamento AJAX) (F12-B).
 *
 * Reproduz 1:1 o css/parts/mod-sticky-loader.min.css. As classes
 * .wd-sticky-loader/.wd-loader/.wd-loading/.wd-content-loader são
 * consumidas por JS legacy (shopLoader.js, productsTabs.js e outros em
 * combine.js) e o seletor composto envolve .wd-content-layout (wrapper
 * do shop) — rename czar-* só quando os módulos JS forem reescritos
 * (F12-E). Markup renderizado por woodmart_sticky_loader()
 * (inc/template-tags/template-tags.php).
 */

.wd-sticky-loader {
	position: absolute;
	inset: 70px 0;
	display: flex;
	align-items: flex-start;
	justify-content: center;
	pointer-events: none;
	opacity: 0;
}

.wd-sticky-loader .wd-loader {
	position: sticky;
	top: calc(50% - 15px);
}

.wd-sticky-loader.wd-loading,
.wd-content-layout.wd-loading .wd-sticky-loader.wd-content-loader {
	opacity: 1;
	transition: all 0.25s ease;
	--wd-anim-state: running;
}