/* ==============================================
   MFHU Theme — No-JS fallback
   ============================================== */

/*
 * All no-JS rules scoped to html:not(.js-enabled)
 * so they completely disappear when JS adds the class,
 * avoiding specificity conflicts with fly.css, pages.css, etc.
 */

html:not(.js-enabled) body {
	overflow: auto;
}

html:not(.js-enabled) .pages {
	position: static;
}

html:not(.js-enabled) .pg {
	position: static;
	opacity: 1;
	visibility: visible;
	pointer-events: auto;
	padding: 4rem 7% 3rem;
	min-height: 100vh;
	display: flex;
	align-items: center;
	justify-content: center;
}

html:not(.js-enabled) .pg .f {
	opacity: 1;
	transform: var(--rest, none);
}

/* Hide SPA-only UI without JS */
html:not(.js-enabled) .dots,
html:not(.js-enabled) .arr {
	display: none;
}

/* ---- Noscript warning bar ---- */
.mfhu-noscript-bar {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 10000;
	padding: 0.8rem 2rem;
	background: linear-gradient(135deg, var(--prism-magenta), var(--prism-pink));
	color: var(--bg);
	font-family: var(--mono);
	font-size: 0.75rem;
	font-weight: 600;
	letter-spacing: 0.1em;
	text-align: center;
	text-transform: uppercase;
}