/* Container principal */
.fancytext-rotator {
    display: inline-block;
    position: relative;
    border-right: 2px solid #fff; /* curseur clignotant */
    animation: blink-caret 0.7s step-end infinite;
    padding-right: 4px; /* espace entre texte et curseur */
}

/* Effet curseur clignotant */
@keyframes blink-caret {
    from, to { border-color: transparent; }
    50% { border-color: #fff; }
}

/* Animation basique (si JS inactif) */
.fancytext-rotator b {
    position: absolute;
    left: 0;
    opacity: 0;
    transition: opacity 0.5s ease;
}

.fancytext-rotator b.is-visible {
    opacity: 1;
    position: relative;
}

/* Tous les titres FancyText */
.fancytext-rotator,
.fancytext-rotator b,
.fancytext-rotator span,
.fancytext-rotator * {
    font-family: 'Inter', sans-serif;
    font-weight: 900 !important; /* Black pour tout le titre */
    letter-spacing: -0.5px; /* optionnel pour resserrer */
    line-height: 0.9 !important;
}

/* Mot fixe mis en valeur */
.highlight-word {
    color: white;
    font-weight: 900 !important;
    background: linear-gradient(transparent 60%, #F91E5A 60%);
}

.fancytext-container {
    color: white;
    font-weight: 700 !important;
}

/* Containers Desktop et Mobile */
.fancytext-desktop,
.fancytext-mobile {
    display: block;
    width: 100%;
}

/* Forcer l'héritage de la taille sur mobile */
.fancytext-mobile .fancytext-container,
.fancytext-mobile .fancytext-rotator,
.fancytext-mobile .fancytext-rotator * {
    font-size: inherit !important;
}

/* Amélioration mobile - line-height plus grand sur petits écrans */
@media (max-width: 768px) {
    .fancytext-rotator,
    .fancytext-rotator b,
    .fancytext-rotator span,
    .fancytext-rotator * {
        line-height: 1.1 !important; /* Plus lisible sur mobile */
    }
    
    /* Curseur plus petit sur mobile */
    .fancytext-rotator {
        border-right-width: 1px;
        padding-right: 2px;
    }
}

/* Très petits écrans */
@media (max-width: 480px) {
    .fancytext-rotator,
    .fancytext-rotator b,
    .fancytext-rotator span,
    .fancytext-rotator * {
        line-height: 1.2 !important;
        letter-spacing: normal;
    }
}