/* ═══════════════════════════════════════════════════
   aihaber — Hero Overlay (Verge tarzi renk + scanline)
   ═══════════════════════════════════════════════════ */

.hero-overlay {
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
}
.hero-overlay::before {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(135deg, var(--c-pri), var(--c-acc-purple));
  opacity: 0.5;
}
.hero-overlay::after {
  content: '';
  position: absolute;
  inset: 0;
  background: radial-gradient(circle at 70% 40%, rgba(212,255,0,0.55) 0%, transparent 60%);
}

/* Scanline overlay */
.hero-scanline {
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  background: repeating-linear-gradient(
    0deg,
    rgba(255,255,255,0.03) 0,
    rgba(255,255,255,0.03) 1px,
    transparent 1px,
    transparent 4px
  );
  mix-blend-mode: overlay;
}

/* Variants */
.hero-overlay--lime::before {
  background: linear-gradient(135deg, var(--c-acc-lime), var(--c-pri));
}
.hero-overlay--orange::before {
  background: linear-gradient(135deg, var(--c-acc-orange), var(--c-pri-dk));
}
.hero-overlay--purple::before {
  background: linear-gradient(135deg, var(--c-acc-purple), var(--c-acc-orange));
}

/* Right-side overlay (only covers right portion of hero) */
.hero-overlay--right {
  left: auto;
  right: 0;
  width: 60%;
}

/* Soft variant — daha az opaklik */
.hero-overlay--soft::before { opacity: 0.3; }
.hero-overlay--soft::after  { opacity: 0.4; }