/**
 * WordPress Typewriter Animation CSS
 * Упрощенные стили для интеграции в WordPress
 */

.wp-typewriter {
    font-family: inherit;
    font-size: inherit;
    display: inline-block;
    position: relative;
}

.wp-typewriter-cursor::after {
    content: '|';
    display: inline-block;
    margin-left: 2px;
    animation: wp-typewriter-blink 1s infinite;
    color: currentColor;
}

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

/* Дополнительные стили для разных размеров */
.wp-typewriter.small {
    font-size: 14px;
}

.wp-typewriter.medium {
    font-size: 18px;
}

.wp-typewriter.large {
    font-size: 24px;
}

.wp-typewriter.xl {
    font-size: 32px;
}

/* Стили для разных цветовых схем */
.wp-typewriter.red {
    color: #dc3545;
}

.wp-typewriter.blue {
    color: #007bff;
}

.wp-typewriter.green {
    color: #28a745;
}

.wp-typewriter.orange {
    color: #fd7e14;
}

.wp-typewriter.purple {
    color: #6f42c1;
}

/* Адаптивность */
@media (max-width: 768px) {
    .wp-typewriter.xl {
        font-size: 24px;
    }
    
    .wp-typewriter.large {
        font-size: 20px;
    }
}