/* ============================================================
   DivineTunes AURORA-X
   COSMIC DONATION ORB — Standalone Module
   File: css/cosmic-orb.css
   ============================================================ */

/* Floating cosmic orb container */
#donationOrb {
  position: fixed;
  bottom: 30px;
  right: 30px; /* User's right side */
  width: 70px;
  height: 70px;
  border-radius: 50%;
  z-index: 99999;
  cursor: pointer;

  display: flex;
  align-items: center;
  justify-content: center;

  text-decoration: none;

  /* Cosmic glow */
  background: radial-gradient(circle at 30% 30%, rgba(0,255,255,0.9), rgba(0,80,80,0.8));
  box-shadow:
    0 0 25px rgba(0,255,255,0.55),
    inset 0 0 20px rgba(255,255,255,0.25);

  backdrop-filter: blur(6px);
  animation: orbFloat 6s ease-in-out infinite;
  transition: 0.3s ease;
}

/* Hover state */
#donationOrb:hover {
  transform: scale(1.15);
  box-shadow:
    0 0 35px rgba(0,255,255,0.85),
    inset 0 0 25px rgba(255,255,255,0.35);
}

/* Inner glowing core */
#donationOrb .orb-core {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: radial-gradient(circle, #ffffff, #b8ffff, #00ffff);
  box-shadow:
    0 0 15px rgba(255,255,255,0.9),
    0 0 25px rgba(0,255,255,0.7);
  transition: 0.3s ease;
}

/* Core hover pulse */
#donationOrb:hover .orb-core {
  transform: scale(1.25);
}

/* Rotating outer ring */
#donationOrb .orb-ring {
  position: absolute;
  width: 90px;
  height: 90px;
  border-radius: 50%;
  border: 2px solid rgba(0,255,255,0.35);
  box-shadow: 0 0 12px rgba(0,255,255,0.4);
  animation: orbSpin 12s linear infinite;
  pointer-events: none;
}

/* Floating animation */
@keyframes orbFloat {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-10px); }
}

/* Slow rotation */
@keyframes orbSpin {
  from { transform: rotate(0deg); }
  to { transform: rotate(360deg); }
}

/* Optional: Pulse with beat intensity (if engine sets --beat-intensity) */
#donationOrb {
  box-shadow:
    0 0 calc(15px + 20px * var(--beat-intensity, 0)) rgba(0,255,255,0.55),
    inset 0 0 calc(10px + 10px * var(--beat-intensity, 0)) rgba(255,255,255,0.25);
}