/* ==========================================================================
   Archijeunes FSE – Block Heading
   Styles des titres (split-letters, caps-rule)
   ========================================================================== */

/* --------------------------------------------------------------------------
   Style split-letters (animation lettre par lettre)
   -------------------------------------------------------------------------- */

/* Style appliqué au heading quand tu choisis le block style */
.is-style-split-letters-fade {
  /* Optionnel : pour éviter les "sauts" de ligne bizarres */
  overflow: hidden;
}

/* Le wrapper créé par le JS */
.is-style-split-letters-fade .split-letters {
  display: inline;
}

/* Chaque lettre */
.is-style-split-letters-fade .split-letter {
  display: inline-block;
  opacity: 0;
  animation: splitFadeUp 0.6s ease forwards;
}

/* Fallback : si le JS ne s'est pas exécuté, le titre reste visible */
.is-style-split-letters-fade:not(.split-letters-initialized) {
  opacity: 1 !important;
}

/* Mobile : désactivation de l'animation pour préserver le retour à la ligne */
@media (max-width: 768px) {
  /* Masquer les lettres splittées */
  .is-style-split-letters-fade .split-letters {
    display: none !important;
  }
  
  /* Forcer l'affichage du texte original */
  .is-style-split-letters-fade {
    opacity: 1 !important;
  }
  
  /* Réafficher le texte original via l'attribut aria-label */
  .is-style-split-letters-fade::before {
    content: attr(aria-label);
    display: block;
  }
}

/* --------------------------------------------------------------------------
   Style caps-rule (titre uppercase)
   -------------------------------------------------------------------------- */

.is-style-caps-rule {
  text-transform: uppercase;
  letter-spacing: 0.05em;
}