/* Floating Lines canvas — on body, covers header + hero area */
.floating-lines-canvas {
  z-index: 1;
  pointer-events: auto;
  background: #000;
}

/* Topbar stays visible above canvas */
.topbar {
  position: relative;
  z-index: 9999 !important;
}

/* Hero section — black fallback while loading, then transparent when canvas loads */
.hero-section-dither {
  background: #000 !important;
  background-color: #000 !important;
  background-image: none !important;
}

/* Section inner content stays above the canvas */
.hero-section-dither > .elementor-container,
.hero-section-dither > .elementor-widget-wrap,
.hero-section-dither > .e-con-inner {
  position: relative;
  z-index: 2;
}

/* Text shadow for better readability over animated lines */
.hero-section-dither h1,
.hero-section-dither h2,
.hero-section-dither h3,
.hero-section-dither p,
.hero-section-dither .elementor-heading-title,
.hero-section-dither .elementor-widget-text-editor {
  text-shadow: 0 2px 8px rgba(0, 0, 0, 0.8);
}

/* Header stays above canvas — high z-index for sticky */
.header-section.header-gradient {
  position: relative;
  z-index: 9999 !important;
}

/* Hero section link colors */
.hero-section-dither a {
  color: #FF6347;
}

.hero-section-dither a:hover {
  color: #FF7F50;
}