/* Titre de l'en-tête : style cyber, couleurs du drapeau trans, lueur animée (comme l'icône RSS et Mastodon) */

.md-header__title .md-ellipsis {
  display: inline-block;
  max-width: 100%;
  padding-bottom: 0.1em;
  background: linear-gradient(
    90deg,
    #5BCEFA 0%,
    #F5A9B8 25%,
    #FFFFFF 50%,
    #F5A9B8 75%,
    #5BCEFA 100%
  );
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  -webkit-text-fill-color: transparent;
  /* écrase la lueur bleue héritée de .md-header__title (pluie.css) */
  text-shadow: none;
  filter:
    drop-shadow(0 0 3px rgba(91, 206, 250, 0.9))
    drop-shadow(0 0 6px rgba(245, 169, 184, 0.7));
  animation: titre-glow 3.2s ease-in-out infinite;
}

@keyframes titre-glow {
  0%, 100% {
    filter:
      drop-shadow(0 0 2px rgba(91, 206, 250, 0.6))
      drop-shadow(0 0 4px rgba(245, 169, 184, 0.4));
  }
  50% {
    filter:
      drop-shadow(0 0 6px rgba(91, 206, 250, 1))
      drop-shadow(0 0 12px rgba(245, 169, 184, 0.9))
      drop-shadow(0 0 2px #FFFFFF);
  }
}

@media (prefers-reduced-motion: reduce) {
  .md-header__title .md-ellipsis {
    animation: none;
  }
}