/* 
* Elevate Yoga Space - CSS анимации
* Плавные, не навязчивые анимации для создания атмосферы
*/

/* Анимация медленного зума на главном экране */
@keyframes slowZoom {
    0% {
        transform: scale(1);
    }
    100% {
        transform: scale(1.1);
    }
}

/* Анимация появления снизу для элементов */
@keyframes fadeUp {
    0% {
        opacity: 0;
        transform: translateY(30px);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Анимация появления справа для элементов */
@keyframes fadeRight {
    0% {
        opacity: 0;
        transform: translateX(-30px);
    }
    100% {
        opacity: 1;
        transform: translateX(0);
    }
}

/* Анимация пульсации для маркера на карте */
@keyframes pulse {
    0% {
        box-shadow: 0 0 0 0 rgba(199, 177, 152, 0.6);
    }
    70% {
        box-shadow: 0 0 0 15px rgba(199, 177, 152, 0);
    }
    100% {
        box-shadow: 0 0 0 0 rgba(199, 177, 152, 0);
    }
}

/* Анимация для "шагающего текста" в разделе "О нас" */
.about.in-view .step-line {
    transform: translateX(0);
    opacity: 1;
    transition-delay: calc(var(--index, 0) * 0.2s);
}

/* Установка индексов для каждой строки "шагающего текста" */
.stepping-text .step-line:nth-child(1) { --index: 1; }
.stepping-text .step-line:nth-child(2) { --index: 2; }
.stepping-text .step-line:nth-child(3) { --index: 3; }
.stepping-text .step-line:nth-child(4) { --index: 4; }
.stepping-text .step-line:nth-child(5) { --index: 5; }
.stepping-text .step-line:nth-child(6) { --index: 6; }
.stepping-text .step-line:nth-child(7) { --index: 7; }
.stepping-text .step-line:nth-child(8) { --index: 8; }
.stepping-text .step-line:nth-child(9) { --index: 9; }

/* Анимация для отзывов */
.reviews.in-view .review-item {
    opacity: 1;
    transform: translateY(0);
    transition-delay: calc(var(--index, 0) * 0.2s);
}

.reviews-container .review-item:nth-child(1) { --index: 1; }
.reviews-container .review-item:nth-child(2) { --index: 2; }
.reviews-container .review-item:nth-child(3) { --index: 3; }

/* Анимации для страницы благодарности */
@keyframes scaleCircle {
    0% {
        transform: scale(0.8);
        opacity: 0.3;
    }
    100% {
        transform: scale(1.2);
        opacity: 0.1;
    }
}

@keyframes moveLeft {
    0% {
        transform: translate(0, 0);
    }
    100% {
        transform: translate(20px, 20px);
    }
}

@keyframes moveRight {
    0% {
        transform: translate(0, 0);
    }
    100% {
        transform: translate(-20px, -20px);
    }
}

/* Анимация для мобильного меню */
.mobile-menu-open .mobile-menu-toggle span:nth-child(1) {
    transform: translateY(9px) rotate(45deg);
}

.mobile-menu-open .mobile-menu-toggle span:nth-child(2) {
    opacity: 0;
}

.mobile-menu-open .mobile-menu-toggle span:nth-child(3) {
    transform: translateY(-9px) rotate(-45deg);
}