/* ========================================
   4i4A Group - Simple Efficient Background
   Replaces inefficient layered system
   ======================================== */

/* ===== SIMPLE SCENE CONTAINER ===== */
#scene-container {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  z-index: -10 !important;
  overflow: hidden !important;
  pointer-events: none !important;
}

/* Clear any existing 2D scene elements that might overlay */
#scene-container > *:not(canvas) {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
}

/* Hide any grid or pattern overlays */
#scene-container .grid-pattern,
#scene-container .star-grid,
#scene-container .cosmic-grid,
#scene-container div[style*="grid"],
#scene-container div[class*="grid"] {
  display: none !important;
  visibility: hidden !important;
}

/* Only show WebGL canvas */
#scene-container canvas {
  display: block !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  z-index: -5 !important;
  pointer-events: none !important;
  visibility: visible !important;
  opacity: 1 !important;
}

/* ===== SIMPLE THEME-BASED BACKGROUND FILTERS ===== */

/* Industrial Hacker (Default) */
#scene-container canvas {
  transition: filter 0.5s ease !important;
  filter: none !important;
}

/* Cyber Neon - Green tint */
[data-theme="cyber-neon"] #scene-container canvas {
  filter: hue-rotate(90deg) saturate(1.3) brightness(1.1) !important;
}

/* Retro Wave - Purple/pink tint */
[data-theme="retro-wave"] #scene-container canvas {
  filter: hue-rotate(280deg) saturate(1.2) brightness(1.05) !important;
}

/* Matrix Green - Pure green */
[data-theme="matrix-green"] #scene-container canvas {
  filter: hue-rotate(120deg) saturate(1.4) brightness(1.2) !important;
}

/* Minimal Dark - Desaturated */
[data-theme="minimal-dark"] #scene-container canvas {
  filter: saturate(0.7) brightness(0.9) contrast(1.1) !important;
}

/* ===== ENSURE CONTENT STAYS ON TOP ===== */
body[data-layout="crypto-dashboard"] main,
body[data-layout="crypto-dashboard"] .left-column,
body[data-layout="crypto-dashboard"] .container,
body[data-layout="crypto-dashboard"] .news-section {
  position: relative !important;
  z-index: 10 !important;
}

.u-theme-switcher {
  z-index: 99999 !important;
}

/* ===== NO MORE INEFFICIENT PSEUDO-ELEMENTS ===== */
/* Removed all ::before and ::after elements that were creating performance issues */