/* ==========================================================================
   Scholara — frontend.css  (front-end only, not loaded in the editor)
   ========================================================================== */

/* Sticky, frosted header */
.site-header {
	position: sticky;
	top: 0;
	z-index: 100;
	background: color-mix(in srgb, var(--wp--preset--color--base) 84%, transparent);
	-webkit-backdrop-filter: saturate(1.5) blur(14px);
	backdrop-filter: saturate(1.5) blur(14px);
	border-bottom: 1px solid transparent;
	transition: border-color .3s ease, box-shadow .3s ease;
}
.site-header.is-scrolled {
	border-bottom-color: var(--wp--preset--color--border);
	box-shadow: 0 12px 32px -22px rgba(11, 21, 48, .35);
}
.admin-bar .site-header { top: var(--wp-admin--admin-bar--height, 32px); }

/* The ONLY scroll animation: one soft fade + 12px rise, once. */
.has-reveal .reveal {
	opacity: 0;
	transform: translateY(12px);
	transition: opacity .7s ease, transform .7s ease;
}
.has-reveal .reveal.is-visible {
	opacity: 1;
	transform: none;
}
@media (prefers-reduced-motion: reduce) {
	.has-reveal .reveal { opacity: 1; transform: none; transition: none; }
}