/* Animasyonlar - animations.css */

/* Logo Slider */
@keyframes scroll {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(calc(-250px * 6)); /* İlk 6 logonun genişliği */
    }
}

/* İkon etrafında pulse animasyonu */
@keyframes pulse {
    0% {
        box-shadow: 0 0 0 0 rgba(8, 252, 172, 0.7);
    }
    70% {
        box-shadow: 0 0 0 10px rgba(8, 252, 172, 0);
    }
    100% {
        box-shadow: 0 0 0 0 rgba(8, 252, 172, 0);
    }
}

/* Parlama animasyonu - Sector ikonları için */
@keyframes sectorIconGlow {
    from {
        box-shadow: 0 0 5px rgba(0, 209, 163, 0.5),
                    inset 0 0 5px rgba(0, 209, 163, 0.2);
    }
    to {
        box-shadow: 0 0 12px rgba(0, 209, 163, 0.7),
                    inset 0 0 10px rgba(0, 209, 163, 0.4);
    }
}

/* Süsleme çizgisi için parlama efekti */
@keyframes glow {
    from {
        box-shadow: 
            0 0 10px rgba(8, 252, 172, 0.7),
            0 0 20px rgba(8, 252, 172, 0.5),
            0 0 30px rgba(8, 252, 172, 0.3);
    }
    to {
        box-shadow: 
            0 0 15px rgba(8, 252, 172, 0.8),
            0 0 25px rgba(8, 252, 172, 0.6),
            0 0 35px rgba(8, 252, 172, 0.4);
    }
}


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