/* ===== VIP Animations & Special Effects (Subtle) ===== */

/* VIP Level 1 - Minimal animation */
.vip-indicator.vip-1 {
  /* Very subtle, almost no animation */
}

/* VIP Level 2 - Gentle pulse */
@keyframes gradientShift {
  0%, 100% {
    filter: brightness(1);
  }
  50% {
    filter: brightness(1.2);
  }
}

/* VIP Level 3 - Super VIP (Most visible but not overwhelming) */
@keyframes superGradient {
  0%, 100% {
    filter: brightness(1) saturate(1);
  }
  50% {
    filter: brightness(1.15) saturate(1.2);
  }
}

/* VIP Level 3 - Animated gradient text */
.server-row.vip-level-3 .server-link {
  background: linear-gradient(
    90deg,
    #f97316,
    #ec4899,
    #8b5cf6,
    #06b6d4,
    #f97316
  );
  background-size: 300% 300%;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  animation: textGlow 5s linear infinite;
  font-weight: 700;
}

@keyframes textGlow {
  0% {
    background-position: 0% 50%;
  }
  100% {
    background-position: 300% 50%;
  }
}

/* VIP Level 2 - Subtle gradient text */
.server-row.vip-level-2 .server-link {
  background: linear-gradient(
    90deg,
    #a855f7,
    #06b6d4,
    #a855f7
  );
  background-size: 200% 200%;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  animation: textGlow2 6s linear infinite;
  font-weight: 600;
}

@keyframes textGlow2 {
  0% {
    background-position: 0% 50%;
  }
  100% {
    background-position: 200% 50%;
  }
}

/* VIP Level 1 - Gold shimmer */
.server-row.vip-level-1 .server-link {
  color: #fbbf24;
  font-weight: 600;
}

/* Old card-based VIP animations removed - using subtle row-based design now */