/*
 * BulldogMusik minimal light overlay.
 * Two static lights plus a visible noise overlay.
 */

.bulldogle-postfx-overlay {
  position: fixed;
  inset: 0;
  z-index: 2147483000;
  pointer-events: none;
  overflow: hidden;
  background: transparent;
}

.bulldogle-postfx-overlay span {
  position: absolute;
  inset: 0;
  pointer-events: none;
}

.bulldogle-postfx-light {
  background:
    radial-gradient(ellipse at 88% 92%, rgba(241, 108, 29, 0.27), transparent 38%),
    radial-gradient(ellipse at 12% 8%, rgba(255, 255, 255, 0.14), transparent 34%);
  mix-blend-mode: screen;
  opacity: 0.72;
}

.bulldogle-postfx-grain {
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20180%20180'%3E%3Cfilter%20id='n'%3E%3CfeTurbulence%20type='fractalNoise'%20baseFrequency='.9'%20numOctaves='3'%20stitchTiles='stitch'/%3E%3CfeColorMatrix%20type='saturate'%20values='0'/%3E%3CfeComponentTransfer%3E%3CfeFuncA%20type='table'%20tableValues='0%20.58'/%3E%3C/feComponentTransfer%3E%3C/filter%3E%3Crect%20width='180'%20height='180'%20filter='url(%23n)'%20opacity='1'/%3E%3C/svg%3E");
  background-size: 180px 180px;
  mix-blend-mode: overlay;
  opacity: 0.12;
}

@media (max-width: 600px) {
  .bulldogle-postfx-light {
    background:
      radial-gradient(ellipse at 92% 94%, rgba(241, 108, 29, 0.22), transparent 38%),
      radial-gradient(ellipse at 8% 6%, rgba(255, 255, 255, 0.11), transparent 34%);
    opacity: 0.62;
  }

  .bulldogle-postfx-grain {
    opacity: 0.09;
  }
}