/* ==========================================================================
   PAGE LOADER / TRANSITION OVERLAY
   Substitui o bloco .rgd-page-overlay existente no animations.css (linhas 51-62)
   ========================================================================== */

/* ── Overlay base ─────────────────────────────────────────────────────────── */
.rgd-page-overlay {
	position: fixed;
	inset: 0;
	z-index: 9999;
	pointer-events: all;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	gap: 24px;
	/* background definido via JS a partir de catLoader.bg */
	background: var(--color-primary, #1A1814);
	opacity: 1;
	transition: opacity 0.42s cubic-bezier(0.22, 1, 0.36, 1);
}

/* Estado: saindo (página carregada ou bfcache) */
.rgd-page-overlay.is-leaving {
	opacity: 0;
	pointer-events: none;
}

/* ── Logo no loader ───────────────────────────────────────────────────────── */
.rgd-page-overlay__logo {
	max-width: 180px;
	max-height: 80px;
	width: auto;
	height: auto;
	object-fit: contain;
	animation: rgd-loader-pulse 1.6s ease-in-out infinite;
	/* Garante que a logo seja visível sobre o fundo escuro */
	filter: brightness(0) invert(1);
	opacity: 0.9;
}

/* Se a logo já é clara/branca, remova o filter no Customizer ou via classe */
.rgd-page-overlay__logo--no-filter {
	filter: none;
}

@keyframes rgd-loader-pulse {
	0%, 100% { opacity: 0.7; transform: scale(1);    }
	50%       { opacity: 1;   transform: scale(1.04); }
}

/* ── Barra de progresso abaixo da logo ───────────────────────────────────── */
.rgd-page-overlay__logo + .rgd-page-overlay__bar,
.rgd-page-overlay__spinner + .rgd-page-overlay__bar {
	display: block;
}

.rgd-page-overlay__bar {
	width: 120px;
	height: 2px;
	background: rgba(255, 255, 255, 0.15);
	border-radius: 2px;
	overflow: hidden;
	display: none;
}

.rgd-page-overlay__bar::after {
	content: '';
	display: block;
	height: 100%;
	width: 40%;
	background: var(--color-secondary, #C4A46B);
	border-radius: 2px;
	animation: rgd-bar-slide 1.2s ease-in-out infinite;
}

@keyframes rgd-bar-slide {
	0%   { transform: translateX(-100%); }
	100% { transform: translateX(350%); }
}

/* ── Spinner (quando não há logo) ────────────────────────────────────────── */
.rgd-page-overlay__spinner {
	width: 36px;
	height: 36px;
	border: 2.5px solid rgba(255, 255, 255, 0.15);
	border-top-color: var(--color-secondary, #C4A46B);
	border-radius: 50%;
	animation: rgd-spin 0.8s linear infinite;
}

@keyframes rgd-spin {
	to { transform: rotate(360deg); }
}