/* ============================================
   PRETPOT IMAGE EFFECTS v3
   JS-Enhanced: Canvas-rendered effects
   ============================================ */

/* ---- Base Wrapper ---- */
.pretpot-effects-wrapper {
	position: relative;
	display: inline-block;
	max-width: 100%;
	line-height: 0;
}

.pretpot-effect-canvas {
	display: block;
	width: 100%;
	height: auto;
}

/* ---- Holographic Foil ---- */
.pretpot-effect-holographic_foil .pretpot-effect-canvas {
	cursor: crosshair;
}

/* ---- AI Glitch Dissolve ---- */
.pretpot-effect-ai_glitch .pretpot-effect-canvas {
	image-rendering: pixelated;
}

/* ---- UV Neon Bloom ---- */
.pretpot-effect-uv_neon_bloom .pretpot-effect-canvas {
	/* dark bg so bloom glows pop */
	background: #000;
}

/* ---- Thermal Vision ---- */
.pretpot-effect-thermal_vision .pretpot-effect-canvas {
	image-rendering: optimizeSpeed;
}

/* ---- Pointillism Dots ---- */
.pretpot-effect-pointillism .pretpot-effect-canvas {
	background: #fafafa;
}

/* ---- CRT Scanline ---- */
.pretpot-effect-crt_scanline {
	border-radius: 6px;
	overflow: hidden;
}

.pretpot-effect-crt_scanline .pretpot-effect-canvas {
	border-radius: inherit;
	box-shadow:
		0 0 0 2px #111,
		0 0 20px rgba(0, 255, 80, 0.15),
		inset 0 0 60px rgba(0, 0, 0, 0.4);
}

/* ---- Crystal Prism ---- */
.pretpot-effect-crystal_prism .pretpot-effect-canvas {
	cursor: pointer;
}

/* ============================================
   SHARED CANVAS TRANSITIONS
   ============================================ */
.pretpot-effect-canvas {
	transition: opacity 0.4s ease;
}

.pretpot-effects-wrapper.pretpot-loading .pretpot-effect-canvas {
	opacity: 0;
}