/**
 * Typewriter Widget Styles
 */

.typewriter-container {
    display: inline-block;
    width: 100%;
}

.typewriter-wrapper {
    display: inline;
    position: relative;
}

.typewriter-text {
    display: inline;
}

/* Ensure typewriter text can have different color */
.typewriter-wrapper .typewriter-text {
    display: inline;
}

/* TypewriterJS library cursor styling */
.typewriter-cursor-lib {
    display: inline-block;
    margin-left: 2px;
    color: currentColor;
    opacity: 1;
    animation: blink 1s infinite;
}

/* Hide cursor if disabled */
.typewriter-container:not(.show-cursor) .typewriter-cursor-lib {
    display: none;
}

/* Cursor blink animation */
@keyframes blink {
    0%, 49% {
        opacity: 1;
    }
    50%, 100% {
        opacity: 0;
    }
}

/* Ensure text stays on the same line */
/* .typewriter-before,
.typewriter-wrapper,
.typewriter-after {
    white-space: nowrap;
} */

/* Responsive handling for smaller screens */
@media (max-width: 768px) {
    .typewriter-container {
        white-space: normal;
    }
}