/* ============================================
   SLIDER ANIMASYONLARI - Çelik Kapı Fabrikası
   ============================================ */

/* 1. YAVAŞ SAĞA SOLA HAREKET (Mevcut) */
.slider-title-animate {
    animation: slideTextAnimation 4s ease-in-out infinite;
    display: inline-block;
}

@keyframes slideTextAnimation {
    0% {
        transform: translateX(-20px);
        opacity: 0.8;
    }
    50% {
        transform: translateX(20px);
        opacity: 1;
    }
    100% {
        transform: translateX(-20px);
        opacity: 0.8;
    }
}

/* 2. YUKARIDAN AŞAĞIYA HAREKET */
.slider-title-animate-vertical {
    animation: slideVerticalAnimation 4s ease-in-out infinite;
    display: inline-block;
}

@keyframes slideVerticalAnimation {
    0% {
        transform: translateY(-15px);
        opacity: 0.8;
    }
    50% {
        transform: translateY(15px);
        opacity: 1;
    }
    100% {
        transform: translateY(-15px);
        opacity: 0.8;
    }
}

/* 3. PULSE EFEKTI (Nabız Gibi) */
.slider-title-animate-pulse {
    animation: pulsAnimation 2s ease-in-out infinite;
    display: inline-block;
}

@keyframes pulsAnimation {
    0% {
        transform: scale(1);
        opacity: 1;
    }
    50% {
        transform: scale(1.05);
        opacity: 0.9;
    }
    100% {
        transform: scale(1);
        opacity: 1;
    }
}

/* 4. DÖNERKEN HAREKET */
.slider-title-animate-rotate {
    animation: rotateSlideAnimation 5s ease-in-out infinite;
    display: inline-block;
    transform-origin: center;
}

@keyframes rotateSlideAnimation {
    0% {
        transform: translateX(-20px) rotateZ(-2deg);
        opacity: 0.8;
    }
    50% {
        transform: translateX(20px) rotateZ(2deg);
        opacity: 1;
    }
    100% {
        transform: translateX(-20px) rotateZ(-2deg);
        opacity: 0.8;
    }
}

/* 5. PARLAMA EFEKTI */
.slider-title-animate-glow {
    animation: glowAnimation 3s ease-in-out infinite;
    display: inline-block;
    text-shadow: 0 0 10px rgba(121, 100, 67, 0.5);
}

@keyframes glowAnimation {
    0% {
        text-shadow: 0 0 5px rgba(121, 100, 67, 0.3);
        opacity: 0.8;
    }
    50% {
        text-shadow: 0 0 20px rgba(121, 100, 67, 0.8);
        opacity: 1;
    }
    100% {
        text-shadow: 0 0 5px rgba(121, 100, 67, 0.3);
        opacity: 0.8;
    }
}

/* 6. SAĞDAN SOLA KAYDIRMA */
.slider-title-animate-slide-left {
    animation: slideLeftAnimation 5s ease-in-out infinite;
    display: inline-block;
}

@keyframes slideLeftAnimation {
    0% {
        transform: translateX(30px);
        opacity: 0.7;
    }
    50% {
        transform: translateX(-30px);
        opacity: 1;
    }
    100% {
        transform: translateX(30px);
        opacity: 0.7;
    }
}

/* 7. YUKARIDAN AŞAĞIYA KAYDIRMA */
.slider-title-animate-slide-down {
    animation: slideDownAnimation 5s ease-in-out infinite;
    display: inline-block;
}

@keyframes slideDownAnimation {
    0% {
        transform: translateY(-30px);
        opacity: 0.7;
    }
    50% {
        transform: translateY(30px);
        opacity: 1;
    }
    100% {
        transform: translateY(-30px);
        opacity: 0.7;
    }
}

/* 8. ZOOM IN/OUT */
.slider-title-animate-zoom {
    animation: zoomAnimation 3s ease-in-out infinite;
    display: inline-block;
}

@keyframes zoomAnimation {
    0% {
        transform: scale(0.95);
        opacity: 0.8;
    }
    50% {
        transform: scale(1.05);
        opacity: 1;
    }
    100% {
        transform: scale(0.95);
        opacity: 0.8;
    }
}

/* 9. DALGALI HAREKET */
.slider-title-animate-wave {
    animation: waveAnimation 4s ease-in-out infinite;
    display: inline-block;
}

@keyframes waveAnimation {
    0% {
        transform: translateX(-20px) translateY(0px);
        opacity: 0.8;
    }
    25% {
        transform: translateX(-10px) translateY(-10px);
        opacity: 0.9;
    }
    50% {
        transform: translateX(20px) translateY(0px);
        opacity: 1;
    }
    75% {
        transform: translateX(10px) translateY(10px);
        opacity: 0.9;
    }
    100% {
        transform: translateX(-20px) translateY(0px);
        opacity: 0.8;
    }
}

/* 10. TITREME EFEKTI */
.slider-title-animate-shake {
    animation: shakeAnimation 0.5s ease-in-out infinite;
    display: inline-block;
}

@keyframes shakeAnimation {
    0%, 100% {
        transform: translateX(0);
    }
    25% {
        transform: translateX(-5px);
    }
    75% {
        transform: translateX(5px);
    }
}

/* ============================================
   MOBİL CIHAZLAR İÇİN AYARLAMALAR
   ============================================ */

@media (max-width: 768px) {
    /* Mobil cihazlarda daha az hareket */
    .slider-title-animate {
        animation: slideTextAnimationMobile 4s ease-in-out infinite;
    }

    @keyframes slideTextAnimationMobile {
        0% {
            transform: translateX(-10px);
            opacity: 0.8;
        }
        50% {
            transform: translateX(10px);
            opacity: 1;
        }
        100% {
            transform: translateX(-10px);
            opacity: 0.8;
        }
    }

    .slider-title-animate-vertical {
        animation: slideVerticalAnimationMobile 4s ease-in-out infinite;
    }

    @keyframes slideVerticalAnimationMobile {
        0% {
            transform: translateY(-8px);
            opacity: 0.8;
        }
        50% {
            transform: translateY(8px);
            opacity: 1;
        }
        100% {
            transform: translateY(-8px);
            opacity: 0.8;
        }
    }

    .slider-title-animate-pulse {
        animation: pulsAnimationMobile 2s ease-in-out infinite;
    }

    @keyframes pulsAnimationMobile {
        0% {
            transform: scale(1);
            opacity: 1;
        }
        50% {
            transform: scale(1.03);
            opacity: 0.9;
        }
        100% {
            transform: scale(1);
            opacity: 1;
        }
    }

    .slider-title-animate-slide-left {
        animation: slideLeftAnimationMobile 5s ease-in-out infinite;
    }

    @keyframes slideLeftAnimationMobile {
        0% {
            transform: translateX(15px);
            opacity: 0.7;
        }
        50% {
            transform: translateX(-15px);
            opacity: 1;
        }
        100% {
            transform: translateX(15px);
            opacity: 0.7;
        }
    }

    .slider-title-animate-slide-down {
        animation: slideDownAnimationMobile 5s ease-in-out infinite;
    }

    @keyframes slideDownAnimationMobile {
        0% {
            transform: translateY(-15px);
            opacity: 0.7;
        }
        50% {
            transform: translateY(15px);
            opacity: 1;
        }
        100% {
            transform: translateY(-15px);
            opacity: 0.7;
        }
    }

    .slider-title-animate-zoom {
        animation: zoomAnimationMobile 3s ease-in-out infinite;
    }

    @keyframes zoomAnimationMobile {
        0% {
            transform: scale(0.97);
            opacity: 0.8;
        }
        50% {
            transform: scale(1.03);
            opacity: 1;
        }
        100% {
            transform: scale(0.97);
            opacity: 0.8;
        }
    }
}

/* ============================================
   TABLET CIHAZLAR İÇİN AYARLAMALAR
   ============================================ */

@media (min-width: 769px) and (max-width: 1024px) {
    .slider-title-animate {
        animation: slideTextAnimationTablet 4s ease-in-out infinite;
    }

    @keyframes slideTextAnimationTablet {
        0% {
            transform: translateX(-15px);
            opacity: 0.8;
        }
        50% {
            transform: translateX(15px);
            opacity: 1;
        }
        100% {
            transform: translateX(-15px);
            opacity: 0.8;
        }
    }
}

/* ============================================
   PERFORMANS OPTİMİZASYONU
   ============================================ */

/* Animasyonları devre dışı bırakmak için */
.slider-title-no-animate {
    animation: none !important;
}

/* Düşük performanslı cihazlar için */
@media (prefers-reduced-motion: reduce) {
    .slider-title-animate,
    .slider-title-animate-vertical,
    .slider-title-animate-pulse,
    .slider-title-animate-rotate,
    .slider-title-animate-glow,
    .slider-title-animate-slide-left,
    .slider-title-animate-slide-down,
    .slider-title-animate-zoom,
    .slider-title-animate-wave,
    .slider-title-animate-shake {
        animation: none !important;
    }
}