/* Animasyonlar (@keyframes vb.) buraya gelecek */ 

/* Fade-in Animasyonu */
.fade-in {
  opacity: 0;
  /* transition: opacity 1.5s ease-in-out; */ /* JS ile kontrol edilecekse transition yerine animation kullanılabilir */
}

.fade-in.active {
  animation: fadeInAnimation 1.5s ease-in-out forwards;
}

@keyframes fadeInAnimation {
  from {
    opacity: 0;
    transform: translateY(10px); /* Hafif yukarı kayma efekti */
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* Harf Hover Efekti */
.name-letter {
  display: inline-block;
  /* transition: transform 0.2s cubic-bezier(0.68, -0.55, 0.27, 1.55); */ /* Kaldırıldı, daha smooth */
  transition: transform 0.3s ease-out, color 0.3s ease; /* Süre biraz kısaltıldı */
}

.name-letter.hover-effect:hover,
.name-letter.hover-effect.active-hover {
  /* transform: translateY(-5px) scale(1.08) rotate(-3deg); */ /* Eski animasyon */
  transform: translate(-3px, -4px); /* Yeni: Hafif yukarı (-4px) ve sola (-3px) */
  color: var(--kca-glow-color, white); /* Glow rengi (opsiyonel, istersen kalabilir) */
}

/* KCA için sürekli hafif glow */
.name-letter.glow-effect.purple-letter {
    /* animation: subtleGlow 2.5s ease-in-out infinite alternate; */ /* Eski animasyon */
    animation: subtleGlow 3s ease-in-out infinite; /* Yeni breathing animasyon, süre ayarlanabilir */
    /* color: var(--purple-glow, #d258ff); */ /* Eski renk */
    color: var(--pastel-purple); /* Yeni pastel renk */
    /* text-shadow animasyonda */
}

/* Farklı harflere farklı gecikme */
.name-letter.glow-effect:nth-of-type(1) {
    animation-delay: 0s;
}
.name-letter.glow-effect:nth-of-type(2) {
    animation-delay: 0.2s;
}
.name-letter.glow-effect:nth-of-type(3) {
    animation-delay: 0.4s;
}

@keyframes subtleGlow {
    0% {
        /* Başlangıçta daha az parlama */
        text-shadow: 0 0 6px rgba(224, 167, 255, 0.4), 0 0 10px rgba(224, 167, 255, 0.3);
        opacity: 0.8;
    }
    50% {
        /* Ortada maksimum parlama */
        text-shadow: 0 0 18px rgba(224, 167, 255, 0.8), 0 0 30px rgba(224, 167, 255, 0.6);
        opacity: 1;
    }
    100% {
        /* Tekrar başlangıç parlaklığı */
        text-shadow: 0 0 6px rgba(224, 167, 255, 0.4), 0 0 10px rgba(224, 167, 255, 0.3);
        opacity: 0.8;
    }
}

/* Aşağı Kaydır Ok Animasyonu */
@keyframes bounceArrow {
  0%, 20%, 50%, 80%, 100% {
    transform: translateY(0);
  }
  40% {
    transform: translateY(-8px); /* Yukarı zıplama miktarı */
  }
  60% {
    transform: translateY(-4px); /* Biraz daha az zıplama */
  }
}

.scroll-down-arrow-img {
    display: block; /* Metnin altına gelmesi için */
    margin: 5px auto 0; /* Üst boşluk ve ortalama */
    width: 20px; /* Ok boyutu */
    height: auto;
    animation: bounceArrow 2s ease-in-out infinite;
    transform-origin: bottom center; /* Zıplama merkezini ayarla */
}

/* .scroll-down-arrow { // Eski class adı?
    animation: bounceArrow 2s ease-in-out infinite;
} */

/* Genel Purple Glow (Logo, Footer vb.) */
/* .glow-purple-text {
     animation: subtleGlow 2.5s ease-in-out infinite alternate;
} */

/* Daktilo imleci */
.typewriter::after {
  content: ''; /* Sadece border kullanılıyor */
  display: inline-block;
  margin-left: 3px; /* Boşluğu hafifçe ayarlayalım */
  position: relative; /* Top ile hizalama için */
  /* top: -1px; */ /* Eski dikey hizalama ayarı */
  border-left: 3px solid white; /* Tekrar 3px yapıldı */
  height: 1em; /* Font boyutuyla uyumlu yükseklik */
  opacity: 0; /* Başlangıçta gizli */
  transition: opacity var(--cursor-fade-duration, 0.3s) ease; /* Fade-out için */
  vertical-align: middle; /* Dikeyde ortalamayı dene */
  top: -0.05em; /* Veya middle ile birlikte küçük bir ayar */
}

.typewriter.blinking::after {
    opacity: 1;
    animation: blinkCursor 0.5s steps(1) 3; /* 3 kere blink */
}

.typewriter.typing::after {
    opacity: 1;
    animation: blinkCursor 0.7s infinite; /* Yazarken sürekli blink */
}

.typewriter.idle::after {
    opacity: 1; /* Yazdıktan sonra sabit */
    animation: none; /* Blink durur */
}

@keyframes blinkCursor {
  0%, 100% { opacity: 1; }
  50% { opacity: 0; }
}

/* Utility to forcefully hide typewriter cursor */
.hide-cursor::after {
    opacity: 0 !important;
    animation: none !important;
    transition: none !important; /* Prevent fade-out transition */
}

/* Sadeleştirilmiş Harf Animasyonu (Artık isim için kullanılmıyor) */
@keyframes revealLetterFromBottom {
  from {
    opacity: 0;
    transform: translateY(4px); /* Daha hafif yukarı kayma */
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* Eski "Apple-vari" Pop-in Animasyonu (kullanılmıyor) */
/* @keyframes applePopIn { ... } */

/* Yeni Apple-vari Drop-Down Animasyonu */
@keyframes appleDropDown {
  from {
    opacity: 0;
    transform: translateY(-15px); /* Start slightly above */
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* Initial Hidden State */
.initial-hidden {
    opacity: 0;
    pointer-events: none;
}

/* Kelime görünür olduğunda animasyonu uygula */
.name-word {
    opacity: 0; /* Start hidden */
    display: inline-block; /* Needed for transform */
    will-change: transform, opacity; /* Browser optimization hint */
}
.name-word.reveal {
  animation: appleDropDown 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards;
}

/* Eski isim animasyon sınıfı kaldırıldı */
/* .name.reveal-name { ... } */

/* KCA stilleri - Glow animasyonunu uygula */
.name-letter.purple-letter.glow-effect {
    color: var(--pastel-purple);
    /* Ensure subtleGlow animation is applied */
    animation: subtleGlow 3s ease-in-out infinite;
}
/* Farklı harflere farklı gecikme (JS'de eklenmediği için CSS'te gerekli mi kontrol et?) */
/* Eğer ilk harf spanlarına nth-of-type işe yaramıyorsa, JS'de delay eklenebilir veya bu silinebilir */
.name-letter.glow-effect:nth-of-type(1) { animation-delay: 0s; }
.name-letter.glow-effect:nth-of-type(2) { animation-delay: 0.2s; }
.name-letter.glow-effect:nth-of-type(3) { animation-delay: 0.4s; }

/* Diğer harf stilleri (Artık KCA dışındakiler için kullanılmıyor) */
.name-letter-rest {
     color: var(--text-color, #fff); 
}

/* Dil seçici animasyonu */
.language-switcher.dropdown {
  /* dropdown stilleri */
}

/* Zıplama animasyonu (global.css'e taşındı) */
/* Eski kod kaldırıldı */

/* Diğer animasyonlar */
/* Diğer animasyon kuralları */ 

/* Video Arka Plan Fade-in */
.video-background {
    opacity: 0; /* Başlangıçta tamamen şeffaf */
    transition: opacity 1.5s ease-in-out; /* Yavaş fade-in efekti */
    will-change: opacity; /* Performans ipucu */
}

.video-background.visible {
    opacity: 1; /* Görünür hale geldiğinde opak */
}