/**
 * Toxic Luv — ambient FX (vapor, drip, neon, heart pulse)
 * Scoped: .site-body.toxic-public
 */

.site-body.toxic-public .tp-toxic-fx {
  position: fixed;
  inset: 0;
  pointer-events: none;
  z-index: 0;
  overflow: hidden;
}

.site-body.toxic-public .tp-toxic-fx__orb {
  position: absolute;
  border-radius: 50%;
  filter: blur(70px);
  opacity: 0.5;
  animation: tpVaporDrift 18s ease-in-out infinite;
}

.site-body.toxic-public .tp-toxic-fx__orb--1 {
  width: 42vmin;
  height: 42vmin;
  top: 8%;
  left: -8%;
  background: rgba(255, 20, 147, 0.35);
  animation-duration: 22s;
}

.site-body.toxic-public .tp-toxic-fx__orb--2 {
  width: 36vmin;
  height: 36vmin;
  top: 55%;
  right: -6%;
  background: rgba(255, 45, 122, 0.28);
  animation-duration: 16s;
  animation-delay: -4s;
}

.site-body.toxic-public .tp-toxic-fx__orb--3 {
  width: 28vmin;
  height: 28vmin;
  bottom: 12%;
  left: 35%;
  background: rgba(201, 0, 90, 0.22);
  animation-duration: 20s;
  animation-delay: -8s;
}

.site-body.toxic-public .tp-toxic-fx__heart {
  position: absolute;
  bottom: 18%;
  right: 8%;
  font-size: clamp(2rem, 5vw, 3.5rem);
  color: var(--tp-pink);
  opacity: 0.12;
  text-shadow: 0 0 40px var(--tp-glow);
  animation: tpHeartPulse 2.8s ease-in-out infinite;
  transform: rotate(-12deg);
}

.site-body.toxic-public .tp-toxic-fx__drip {
  position: absolute;
  top: 0;
  width: 3px;
  height: 0;
  border-radius: 0 0 4px 4px;
  background: linear-gradient(180deg, var(--tp-pink-hot), var(--tp-pink-deep));
  box-shadow: 0 0 12px var(--tp-glow);
  animation: tpDripFall 4.5s ease-in infinite;
  opacity: 0.65;
}

.site-body.toxic-public .tp-toxic-fx__drip--1 { left: 12%; animation-delay: 0s; }
.site-body.toxic-public .tp-toxic-fx__drip--2 { left: 28%; animation-delay: 1.2s; animation-duration: 5.2s; }
.site-body.toxic-public .tp-toxic-fx__drip--3 { left: 67%; animation-delay: 2.4s; animation-duration: 4s; }
.site-body.toxic-public .tp-toxic-fx__drip--4 { left: 84%; animation-delay: 0.8s; animation-duration: 5.8s; }

.site-body.toxic-public .tp-site-header,
.site-body.toxic-public .site-main,
.site-body.toxic-public .tp-footer {
  position: relative;
  z-index: 1;
}

/* Neon flicker on primary CTAs */
.site-body.toxic-public .tp-btn--accent {
  animation: tpNeonPulse 3.5s ease-in-out infinite;
}

@keyframes tpVaporDrift {
  0%, 100% { transform: translate(0, 0) scale(1); }
  33% { transform: translate(4%, -3%) scale(1.05); }
  66% { transform: translate(-3%, 4%) scale(0.96); }
}

@keyframes tpHeartPulse {
  0%, 100% { transform: rotate(-12deg) scale(1); opacity: 0.1; }
  50% { transform: rotate(-12deg) scale(1.12); opacity: 0.22; }
}

@keyframes tpLoaderLogoGlow {
  0%, 100% { filter: drop-shadow(0 0 20px rgba(255, 20, 147, 0.35)); }
  50% { filter: drop-shadow(0 0 36px rgba(255, 20, 147, 0.65)); }
}

@keyframes tpDripFall {
  0% { height: 0; opacity: 0; top: 0; }
  8% { opacity: 0.7; }
  70% { height: 18vh; opacity: 0.5; }
  100% { height: 22vh; opacity: 0; top: 0; }
}

@keyframes tpNeonPulse {
  0%, 100% {
    box-shadow: 0 0 20px var(--tp-glow), 0 0 40px rgba(255, 20, 147, 0.15);
  }
  45% {
    box-shadow: 0 0 28px rgba(255, 20, 147, 0.55), 0 0 56px rgba(255, 20, 147, 0.25);
  }
  48% {
    box-shadow: 0 0 12px rgba(255, 20, 147, 0.3);
  }
  52% {
    box-shadow: 0 0 32px rgba(255, 20, 147, 0.6), 0 0 64px rgba(255, 20, 147, 0.2);
  }
}

@media (prefers-reduced-motion: reduce) {
  .site-body.toxic-public .tp-toxic-fx__orb,
  .site-body.toxic-public .tp-toxic-fx__heart,
  .site-body.toxic-public .tp-toxic-fx__drip,
  .site-body.toxic-public .tp-btn--accent {
    animation: none;
  }
}