/* Typewriter Text Styles - Typewriter Effect */
.typewriter-headline {
    font-size: inherit;
    line-height: inherit;
    font-weight: inherit;
    margin: 0;
    color: inherit;
    display: inline;
}

.tw-words-wrapper {
    display: inline-block;
    position: relative;
    vertical-align: baseline;
    min-width: 120px;
    height: 1em;
    line-height: 1em;
}

.tw-words-wrapper b {
    display: none;
    white-space: nowrap;
    color: var(--theme-color1);
    font-weight: bold;
    vertical-align: baseline;
}

/* Typewriter cursor effect */
.tw-words-wrapper::after {
    content: '|';
    color: var(--theme-color1);
    animation: blink 1s infinite;
    font-weight: normal;
    vertical-align: baseline;
    margin-left: 2px;
}

@keyframes blink {
    0%, 50% {
        opacity: 1;
    }
    51%, 100% {
        opacity: 0;
    }
}

/* Show cursor when not typing */
.tw-words-wrapper.typing::after {
    animation-play-state: paused;
    opacity: 1;
}

/* Smooth transitions for typewriter */
.typewriter-headline * {
    font-family: inherit;
}