/* Typography Animation Widget Styles */
.ce-typography-animation-container {
    overflow: hidden;
}

.ce-typography-animation-text {
    line-height: 1.2;
    margin: 0;
    position: relative;
    display: inline-block;
    width: 100%;
}

/* Splitting.js adjustments */
.ce-typography-animation-text .char {
    display: inline-block;
}

.ce-typography-animation-text .word {
    display: inline-block;
    white-space: nowrap;
}

/* Effect-specific setup */
.ce-typography-animation-text[data-effect11] .char-wrap,
.ce-typography-animation-text[data-effect12] .char-wrap {
    display: inline-block;
    overflow: hidden;
}

/* Perspective containers for 3D effects */
.ce-typography-animation-text[data-effect6] .word,
.ce-typography-animation-text[data-effect7] .word,
.ce-typography-animation-text[data-effect13] .word,
.ce-typography-animation-text[data-effect15] .word {
    perspective: 2000px;
}

/* Ensure visibility during splitting */
.splitting .char {
    opacity: 1;
    /* GSAP will handle opacity */
}