/* ==========================================================================
   FOOTER REVEAL — Curtain lift effect
   BlushTheme v1.0.0
   ========================================================================== */

/*
 * The footer is fixed at the bottom.
 * Main content gets margin-bottom equal to footer height.
 * Content scrolls over the footer, then past it, revealing it underneath.
 */

.site-footer {
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 1;
	background-color: var(--color-bg-primary);
}

.site-content {
	position: relative;
	z-index: 2;
	background-color: var(--color-bg-primary);
	/* margin-bottom set dynamically by JS based on footer height */
}

/* Box shadow on the last visible section creates the depth illusion */
.site-content::after {
	content: '';
	display: block;
	height: 1px;
	box-shadow: 0 20px 60px rgba(0, 0, 0, 0.5);
}

/* Disable on mobile for performance (optional, controlled by JS) */
@media (max-width: 767px) {
	.site-footer {
		position: relative;
	}

	.site-content {
		margin-bottom: 0 !important;
	}

	.site-content::after {
		display: none;
	}
}