/* Стили для анимации печатающегося текста */

.typing-animation {
    display: inline-block;
    font-family: inherit;
}

.typing-prefix {
    /* Неизменная часть текста в начале */
}

.typing-text {
    /* Меняющаяся часть текста */
    min-width: 1ch; /* Минимальная ширина для курсора */
}

.typing-suffix {
    /* Неизменная часть текста в конце */
    margin-left: 2px;
}

.typing-cursor {
    display: inline-block;
    margin-left: 2px;
    animation: blink 1s step-end infinite;
    font-weight: 400;
    color: currentColor;
}

/* Анимация мигания курсора */
@keyframes blink {
    0%, 50% {
        opacity: 1;
    }
    51%, 100% {
        opacity: 0;
    }
}

/* Опциональные стили для плавности */
.typing-text {
    transition: none; /* Отключаем transitions для четкой анимации */
}

/* Адаптация для футера */
.footer-logo .typing-animation {
    display: block;
    width: 100%;
}

.footer-logo .typing-prefix,
.footer-logo .typing-text,
.footer-logo .typing-suffix {
    font-size: inherit;
    line-height: inherit;
    color: inherit;
}

