/**
 * CSS untuk Gradient Text
 */

/* Turquoise Navy - Cyan terang ke Navy gelap */
.has-grad-emerald-color {
  background: linear-gradient(
    135deg,
    #00a86b 0%,
    #0099cc 50%,
    #ffd700 100%
  ) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  background-clip: text !important;
  color: transparent !important;
  display: inline-block !important;
}

/* Deep Ocean - Navy gelap ke Turquoise terang */
.has-grad-deep-ocean-color {
  background: linear-gradient(135deg, #001a4d 0%, #00fff5 100%) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  background-clip: text !important;
  color: transparent !important;
  display: inline-block !important;
}

/* Neon Aqua - Aqua neon ke Blue neon */
.has-grad-neon-aqua-color {
  background: linear-gradient(135deg, #00fff5 0%, #0080ff 100%) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  background-clip: text !important;
  color: transparent !important;
  display: inline-block !important;
}

/* Royal Cyan - Royal Blue ke Cyan terang */
.has-grad-royal-cyan-color {
  background: linear-gradient(135deg, #0033cc 0%, #00ffff 100%) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  background-clip: text !important;
  color: transparent !important;
  display: inline-block !important;
}

/* Vibrant */
.has-grad-vibrant-color {
  background: linear-gradient(
    135deg,
    #4b00e0 0%,
    #ff00a8 50%,
    #ffe600 100%
  ) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  background-clip: text !important;
  color: transparent !important;
  display: inline-block !important;
}

/* Selection styling */
.has-grad-turquoise-navy-color::selection,
.has-grad-electric-blue-color::selection,
.has-grad-cyan-purple-color::selection,
.has-grad-deep-ocean-color::selection,
.has-grad-neon-aqua-color::selection,
.has-grad-royal-cyan-color::selection {
  -webkit-text-fill-color: #fff !important;
  background-color: rgba(0, 255, 245, 0.3) !important;
}