/**
 * استایل‌های انیمیشن اختصاصی عروسی محمد و راحله
 * Wedding Digital Gift Website - Animations
 */

@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(16px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes fadeInScale {
    from {
        opacity: 0;
        transform: scale(0.95) translateY(10px);
    }
    to {
        opacity: 1;
        transform: scale(1) translateY(0);
    }
}

@keyframes floatSlow {
    0%, 100% {
        transform: translateY(0px) rotate(0deg);
    }
    50% {
        transform: translateY(-8px) rotate(1deg);
    }
}

@keyframes heartBeat {
    0%, 100% {
        transform: scale(1);
    }
    15% {
        transform: scale(1.22);
    }
    30% {
        transform: scale(1);
    }
    45% {
        transform: scale(1.15);
    }
}

@keyframes pulseGold {
    0%, 100% {
        box-shadow: 0 0 0 0 rgba(201, 168, 76, 0.4);
    }
    50% {
        box-shadow: 0 0 0 12px rgba(201, 168, 76, 0);
    }
}

@keyframes shimmer {
    0% {
        background-position: -200% 0;
    }
    100% {
        background-position: 200% 0;
    }
}

@keyframes soundWave {
    0%, 100% {
        height: 6px;
    }
    50% {
        height: 22px;
    }
}

/* کلاس‌های کاربردی انیمیشن */
.anim-fade-in {
    animation: fadeIn 0.8s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}

.anim-fade-delay-1 {
    animation-delay: 0.15s;
}

.anim-fade-delay-2 {
    animation-delay: 0.3s;
}

.anim-fade-delay-3 {
    animation-delay: 0.45s;
}

.anim-float {
    animation: floatSlow 4s ease-in-out infinite;
}

.anim-heartbeat {
    display: inline-block;
    animation: heartBeat 2s ease-in-out infinite;
    color: #E05353;
}

.anim-pulse {
    animation: pulseGold 2.5s infinite;
}