/* === Shimmer Effect - Breathing (Auto) === */
@keyframes shimmer-move {
  0% {
    background-position: -200% center;
  }
  100% {
    background-position: 200% center;
  }
}

.auto-shimmer li::before {
  animation: shimmer-move 4.8s linear infinite; /* Slowed down to 4s */
  background-size: 200% auto;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}


/* Universal shimmer for any text (not just lists!) */
.shimmer-text {
  background: linear-gradient(120deg, #fff 0%, #f8e473 40%, #f4c430 50%, #f8e473 60%, #fff 100%);
  background-size: 200% auto;
  animation: shimmer-move 4s linear infinite;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

/* === Shimmer Variants === */
.shimmer-gold li::before {
  background-image: linear-gradient(120deg, #fff 0%, #f8e473 40%, #f4c430 50%, #f8e473 60%, #fff 100%);
}

.shimmer-blue li::before {
  background-image: linear-gradient(120deg, #ffffff 0%, #00d9ff 40%, #0077ff 50%, #00d9ff 60%, #ffffff 100%);
}

.shimmer-pink li::before {
  background-image: linear-gradient(120deg, #fff 0%, #ffcfe3 40%, #ff69b4 50%, #ffcfe3 60%, #fff 100%);
}

.shimmer-mint li::before {
  background-image: linear-gradient(120deg, #ffffff 0%, #aaffcc 40%, #00cc88 50%, #aaffcc 60%, #ffffff 100%);
}

.shimmer-rainbow li::before {
  background-image: linear-gradient(120deg, #ff9a9e, #fad0c4, #fad0c4, #fbc2eb, #a18cd1, #fbc2eb, #ff9a9e);
}

/* === Shimmer Text Variants (for full text shimmer) === */

.shimmer-gold-text {
  background-image: linear-gradient(120deg, #fff 0%, #f8e473 40%, #f4c430 50%, #f8e473 60%, #fff 100%);
  background-size: 200% auto;
  animation: shimmer-move 4s linear infinite;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.shimmer-blue-text {
  background-image: linear-gradient(120deg, #ffffff 0%, #00d9ff 40%, #0077ff 50%, #00d9ff 60%, #ffffff 100%);
  background-size: 200% auto;
  animation: shimmer-move 4s linear infinite;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.shimmer-pink-text {
  background-image: linear-gradient(120deg, #fff 0%, #ffcfe3 40%, #ff69b4 50%, #ffcfe3 60%, #fff 100%);
  background-size: 200% auto;
  animation: shimmer-move 4s linear infinite;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.shimmer-mint-text {
  background-image: linear-gradient(120deg, #ffffff 0%, #aaffcc 40%, #00cc88 50%, #aaffcc 60%, #ffffff 100%);
  background-size: 200% auto;
  animation: shimmer-move 4s linear infinite;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.shimmer-rainbow-text {
  background-image: linear-gradient(120deg, #ff9a9e, #fad0c4, #fad0c4, #fbc2eb, #a18cd1, #fbc2eb, #ff9a9e);
  background-size: 300% auto;
  animation: shimmer-move 5s linear infinite;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}