/* assets/css/animations.css */

/* 1. حركة النبض للشعارات والأيقونات (Pulse) */
@keyframes pulse {
    0% { transform: scale(1); opacity: 0.8; filter: drop-shadow(0 0 5px var(--secondary-color)); }
    50% { transform: scale(1.05); opacity: 1; filter: drop-shadow(0 0 20px var(--accent-color)); }
    100% { transform: scale(1); opacity: 0.8; filter: drop-shadow(0 0 5px var(--secondary-color)); }
}

.pulse-animation {
    animation: pulse 3s infinite ease-in-out;
}

/* 2. حركة التحليق الناعمة (Floating) */
@keyframes float {
    0% { transform: translateY(0px); }
    50% { transform: translateY(-15px); }
    100% { transform: translateY(0px); }
}

.float-animation {
    animation: float 6s infinite ease-in-out;
}

/* 3. حركة الظهور التدريجي من الأسفل (Fade In Up) */
@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(30px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.fade-in-up {
    opacity: 0; /* للتحكم عبر JS أو ظهور مباشر */
    animation: fadeInUp 0.8s forwards ease-out;
}

/* 4. حركة التوهج المحيطي (Glow Effect) */
@keyframes glow {
    0% { box-shadow: 0 0 5px var(--primary-color); }
    50% { box-shadow: 0 0 20px var(--secondary-color); }
    100% { box-shadow: 0 0 5px var(--primary-color); }
}

.glow-card {
    animation: glow 4s infinite alternate;
}

/* 5. حركة المسح الضوئي المستقبلي (Scanline) */
@keyframes scanline {
    0% { top: -100%; }
    100% { top: 100%; }
}

.scan-effect {
    position: relative;
    overflow: hidden;
}

.scan-effect::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 5px;
    background: rgba(168, 133, 189, 0.2);
    top: -100%;
    left: 0;
    animation: scanline 4s linear infinite;
    pointer-events: none;
}

/* 6. تأثير التكبير عند التمرير (Hover Scale) */
.hover-grow {
    transition: transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.hover-grow:hover {
    transform: scale(1.05);
}