/* Smart Keyword Injector – Frontend Styles */

/* Base keyword style: dark blue to purple gradient */
.ski-keyword,
.ski-keyword:visited {
  background: linear-gradient(135deg, #1e3a8a 0%, #7c3aed 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  font-weight: 700;
  cursor: pointer;
  border-bottom: 2px solid transparent;
  border-image: linear-gradient(135deg, #1e3a8a, #7c3aed) 1;
  text-decoration: none;
  transition: opacity .3s, filter .3s;
  display: inline;
  padding: 0 1px;
}

.ski-keyword:hover {
  opacity: .8;
  filter: brightness(1.15);
  border-bottom: 2px solid #7c3aed;
}

/* Rotation variants – JS swaps the class each day */
.ski-keyword.ski-rot-0 {
  background: linear-gradient(135deg, #1e3a8a 0%, #7c3aed 100%);
  -webkit-background-clip: text;
  background-clip: text;
}
.ski-keyword.ski-rot-1 {
  background: linear-gradient(135deg, #312e81 0%, #a855f7 100%);
  -webkit-background-clip: text;
  background-clip: text;
}
.ski-keyword.ski-rot-2 {
  background: linear-gradient(135deg, #1d4ed8 0%, #9333ea 100%);
  -webkit-background-clip: text;
  background-clip: text;
}
.ski-keyword.ski-rot-3 {
  background: linear-gradient(135deg, #1e40af 0%, #6d28d9 100%);
  -webkit-background-clip: text;
  background-clip: text;
}

/* Pulse animation on first appear */
@keyframes ski-pulse {
  0%   { filter: brightness(1); }
  50%  { filter: brightness(1.3); }
  100% { filter: brightness(1); }
}
.ski-keyword.ski-new { animation: ski-pulse 1.2s ease-in-out 2; }