/* ==========================================================================
   Altınekin Egzoz - Animasyon CSS Dosyası (Themeforest Tarzı)
   ========================================================================== */

/* 1. Giriş Animasyonu Tanımları (Scroll Reveal) */
.reveal {
    opacity: 0;
    transition: transform 0.8s cubic-bezier(0.16, 1, 0.3, 1), 
                opacity 0.8s cubic-bezier(0.16, 1, 0.3, 1);
    will-change: transform, opacity;
}

/* Farklı Reveal Yönleri */
.reveal-fade {
    transform: none;
}

.reveal-slide-up {
    transform: translateY(40px);
}

.reveal-slide-down {
    transform: translateY(-40px);
}

.reveal-slide-left {
    transform: translateX(40px);
}

.reveal-slide-right {
    transform: translateX(-40px);
}

.reveal-scale {
    transform: scale(0.92);
}

/* Görünür Durum (JS Tarafından Tetiklenir) */
.reveal.active {
    opacity: 1;
    transform: none;
}

/* 2. Sıralı Geliş Gecikmeleri (Staggered Delays) */
.reveal-delay-1 { transition-delay: 0.1s; }
.reveal-delay-2 { transition-delay: 0.2s; }
.reveal-delay-3 { transition-delay: 0.3s; }
.reveal-delay-4 { transition-delay: 0.4s; }
.reveal-delay-5 { transition-delay: 0.5s; }
.reveal-delay-6 { transition-delay: 0.6s; }

/* Yavaş Geçiş */
.reveal-slow {
    transition-duration: 1.2s;
}

/* 3. Hover Mikro-Animasyonları */
/* Glow Efekti */
.hover-glow {
    transition: var(--transition-normal);
}

.hover-glow:hover {
    box-shadow: var(--glow-shadow);
    border-color: var(--accent);
}

/* Zoom & Scale */
.hover-zoom-img {
    overflow: hidden;
}

.hover-zoom-img img {
    transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1);
}

.hover-zoom-img:hover img {
    transform: scale(1.08);
}

/* Kart Kaldırma (Lift Effect) */
.hover-lift {
    transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1), 
                box-shadow 0.3s cubic-bezier(0.16, 1, 0.3, 1),
                border-color 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}

.hover-lift:hover {
    transform: translateY(-8px);
    box-shadow: var(--card-shadow), var(--glow-shadow);
    border-color: rgba(225, 60, 45, 0.3);
}

/* Buton Parlama (Shine Effect) */
.btn-shine {
    position: relative;
    overflow: hidden;
}

.btn-shine::after {
    content: '';
    position: absolute;
    top: -50%;
    left: -60%;
    width: 30%;
    height: 200%;
    background: rgba(255, 255, 255, 0.13);
    transform: rotate(35deg);
    transition: none;
}

.btn-shine:hover::after {
    left: 150%;
    transition: left 0.7s ease-in-out;
}

/* 4. Sürekli Döngü Animasyonları (Keyframes) */
/* Parlama Nabzı (Pulse Glow) */
@keyframes pulseGlow {
    0% {
        box-shadow: 0 0 10px rgba(225, 60, 45, 0.2);
    }
    50% {
        box-shadow: 0 0 25px rgba(225, 60, 45, 0.5);
    }
    100% {
        box-shadow: 0 0 10px rgba(225, 60, 45, 0.2);
    }
}

.pulse-glow-active {
    animation: pulseGlow 2.5s infinite ease-in-out;
}

/* İkon Titremesi (Arama Butonu İçin Hafif Kıpırdama) */
@keyframes phoneWobble {
    0%, 100% { transform: rotate(0); }
    15% { transform: rotate(-10deg); }
    30% { transform: rotate(10deg); }
    45% { transform: rotate(-5deg); }
    60% { transform: rotate(5deg); }
}

.phone-wobble-active:hover svg {
    animation: phoneWobble 0.8s ease-in-out;
}