/**
 * he-cta-prefill.css
 * Styles pour l'effet de surlignage doux lors du pré-remplissage
 */

/* Effet de surlignage doux au remplissage */
.he-prefill-highlight {
  animation: he-prefill-glow 1.5s ease-out;
}

@keyframes he-prefill-glow {
  0% {
    background-color: rgba(61, 82, 151, 0.2);
    box-shadow: 0 0 12px rgba(61, 82, 151, 0.4);
  }
  50% {
    background-color: rgba(61, 82, 151, 0.1);
    box-shadow: 0 0 6px rgba(61, 82, 151, 0.2);
  }
  100% {
    background-color: transparent;
    box-shadow: none;
  }
}

/* Respecte prefers-reduced-motion */
@media (prefers-reduced-motion: reduce) {
  .he-prefill-highlight {
    animation: none;
  }
}

/* Variante pour inputs sombres (optionnel) */
.dark-input.he-prefill-highlight {
  animation: he-prefill-glow-dark 1.5s ease-out;
}

@keyframes he-prefill-glow-dark {
  0% {
    background-color: rgba(249, 150, 44, 0.15);
    box-shadow: 0 0 12px rgba(249, 150, 44, 0.3);
  }
  50% {
    background-color: rgba(249, 150, 44, 0.08);
    box-shadow: 0 0 6px rgba(249, 150, 44, 0.15);
  }
  100% {
    background-color: transparent;
    box-shadow: none;
  }
}