@import "./base.css";
@import "./navbar.css";
@import "./hero.css";
@import "./toolbar.css";
@import "./cards.css";
@import "./pagination.css";
@import "./newsletter.css";

/* SSR placeholders for hero + loader */
.nrp-ssr-hero-placeholder {
	position: relative;
	width: 100%;
	height: 450px;
	border-radius: 20px;
	overflow: hidden;
	margin-bottom: 3rem;
	background: linear-gradient(135deg, var(--hero-grad-start), var(--hero-grad-end));
	display: flex;
	align-items: center;
	justify-content: center;
}

.nrp-ssr-hero-shape {
	width: min(90%, 1200px);
	height: 70%;
	border-radius: 18px;
	background: rgba(255, 255, 255, 0.65);
	backdrop-filter: blur(6px);
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 1rem;
	box-shadow: 0 20px 40px rgba(0, 0, 0, 0.08);
}

.nrp-ssr-hero-title,
.nrp-ssr-hero-subtitle {
	border-radius: 999px;
	background: linear-gradient(
		90deg,
		var(--theme-color-muted),
		rgba(207, 171, 113, 0.6)
	);
}

.nrp-ssr-hero-title {
	width: 60%;
	max-width: 420px;
	height: 24px;
}

.nrp-ssr-hero-subtitle {
	width: 40%;
	max-width: 320px;
	height: 12px;
}

.nrp-ssr-loader {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 2rem 0;
}

.nrp-ssr-spinner {
	width: 40px;
	height: 40px;
	border: 3px solid var(--spinner-ring);
	border-top-color: var(--spinner-highlight);
	border-radius: 50%;
	animation: nrp-spin 0.9s linear infinite;
}

/* Loader overlay */
.nrp-loader-overlay {
	position: absolute;
	inset: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	background: linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(255, 255, 255, 0.9));
	backdrop-filter: blur(3px);
	z-index: 2;
	pointer-events: none;
	min-height: 300px;
}

.nrp-loader-spinner {
	width: 48px;
	height: 48px;
	border: 4px solid var(--spinner-ring);
	border-top-color: var(--spinner-highlight);
	border-radius: 50%;
	animation: nrp-spin 0.9s linear infinite;
}

@keyframes nrp-spin {
	from {
		transform: rotate(0deg);
	}
	to {
		transform: rotate(360deg);
	}
}

footer.web-footer {
	display: none;
}