/* ======================================================
   VEIL EFFECTS
   Glow, shimmer, atmosphere
   ====================================================== */

/* ======================
   H1 — ARCANE GLOW BASE
   ====================== */

.entry-content h1,
.ct-entry-content h1,
h1.wp-block-heading,
.page-title {
	background: linear-gradient(
		90deg,
		#ffffff 0%,
		#e0d7ff 30%,
		#a78bfa 50%,
		#e0d7ff 70%,
		#ffffff 100%
	);
	background-size: 300% 300%;
	-webkit-background-clip: text;
	background-clip: text;
	color: transparent;

	text-shadow:
		0 0 12px rgba(167,139,250,.45),
		0 0 26px rgba(124,58,237,.35),
		0 0 54px rgba(79,70,229,.25);
}

/* ======================
   SHIMMER — OPT-IN ONLY
   Add .veil-h1-shimmer to animate
   ====================== */

.veil-h1-shimmer {
	animation: veil-h1-shimmer 14s ease-in-out infinite;
}

@keyframes veil-h1-shimmer {
	0%   { background-position: 0% 50%; }
	50%  { background-position: 100% 50%; }
	100% { background-position: 0% 50%; }
}

/* ======================
   HERO INTENSITY
   ====================== */

.hero h1,
.entry-header h1,
.lv-home-hero h1 {
	text-shadow:
		0 0 18px rgba(167,139,250,.55),
		0 0 40px rgba(124,58,237,.45),
		0 0 80px rgba(79,70,229,.35);
}

/* ======================
   DISABLE EFFECTS IN UI ONLY
   Do not target .ct-container globally.
   ====================== */

.sidebar h1,
.widget h1,
.ct-header h1,
.ct-footer h1 {
	background: none;
	-webkit-background-clip: border-box;
	background-clip: border-box;
	color: var(--text-heading);
	text-shadow: none;
}

/* ======================
   ATMOSPHERIC LAYERS — OPT-IN
   ====================== */

.veil-atmosphere {
	position: absolute;
	inset: 0;
	pointer-events: none;
	z-index: 0;
}

.veil-fog {
	position: absolute;
	inset: -20%;
	background:
		radial-gradient(50% 40% at 30% 40%, rgba(120,90,200,.12), transparent 60%),
		radial-gradient(50% 40% at 70% 60%, rgba(180,150,255,.10), transparent 60%);
	filter: blur(22px);
}

/* ======================
   ACCESSIBILITY
   ====================== */

@media (prefers-contrast: more) {
	.entry-content h1,
	.ct-entry-content h1,
	h1.wp-block-heading,
	.page-title,
	.hero h1,
	.entry-header h1,
	.lv-home-hero h1 {
		background: none !important;
		-webkit-background-clip: border-box !important;
		background-clip: border-box !important;
		color: #ffffff !important;
		text-shadow: none !important;
	}
}

@media (prefers-reduced-motion: reduce) {
	.veil-h1-shimmer {
		animation: none !important;
	}
}