/* ============================================================
   STYLE DU SPAN DANS LE H1 (SANS TOUCHER AU H1)
   ============================================================ */

/* 1. On prépare le conteneur pour accepter un span en bloc si besoin */
.reveal-top h1, 
.reveal-bottom h1,
.kaina-dual-h1 h1 {
    display: flex !important;
    flex-direction: column; /* Met le span et le texte l'un sur l'autre */
}

/* 2. On stylise UNIQUEMENT le span */
.reveal-top h1 span, 
.reveal-bottom h1 span,
.kaina-dual-h1 h1 span {
    display: block; /* Force le retour à la ligne */
    
    /* --- RÉGLAGES DU SPAN --- */
    font-size: 0.7em !important; /* Taille relative : 45% de la taille définie dans Elementor */
    font-weight: 700 !important;   /* Plus fin que le titre principal */
    line-height: 1.1;
}

/* 3. Ajustement si le span est placé APPRÈS le texte principal */
.reveal-top h1 span:last-child,
.kaina-dual-h1 h1 span:last-child {
    margin-bottom: 0;
    margin-top: 0px;
}