/*
 * Animasyon emniyeti.
 *
 * Tema bütün içeriği kaydırma animasyonuna bağlıyor: `[data-anim-child]`
 * öğeleri saydamlıkla gizli başlıyor ve ancak ScrollMagic sahnesi
 * tetiklenince görünür oluyor. Betikte tek bir hata olduğunda ya da
 * kaydırma hiç gerçekleşmediğinde sayfa bomboş kalıyor — ziyaretçi
 * yalnız başlığı görüyor.
 *
 * Aşağıdaki kural yalnız `anim-failsafe` sınıfı eklendiğinde devreye
 * giriyor; onu da animasyonların çalışmadığını gördüğümüzde betik
 * ekliyor. Animasyon çalışıyorsa hiçbir şey değişmez.
 */
html.anim-failsafe [data-anim-child],
html.anim-failsafe [data-anim],
html.anim-failsafe [data-anim-wrap] {
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;

    /* Geçişe bağlı kalmıyor: emniyet devreye girdiğinde değer anında
       uygulanmalı, yoksa animasyonun durduğu ortamda içerik yine
       görünmez kalıyor. */
    transition: none !important;
    animation: none !important;
}

/*
 * Kapalı sekme sayfaları emniyetin dışında.
 *
 * Tema kapalı sayfayı `visibility: hidden` ile gizliyor ama sayfa
 * yerinde duruyor: `position: absolute; top: 0` ile açık olanın tam
 * üstünde. Yukarıdaki kural içindeki her `[data-anim*]` öğeyi tekrar
 * görünür yapınca, kapalı sayfanın görselleri açık sayfanın önüne
 * geçiyor ve tıklamaları yiyordu.
 *
 * Gizleme sekme değişince kalkıyor: `.is-active` gelen sayfa bu
 * kuralın dışında kalıyor.
 */
html.anim-failsafe .tabs__pane:not(.is-active) [data-anim-child],
html.anim-failsafe .tabs__pane:not(.is-active) [data-anim],
html.anim-failsafe .tabs__pane:not(.is-active) [data-anim-wrap] {
    visibility: hidden !important;
}

/* Gizli bir öğe zaten tıklanmaz; bu satır kapalı sayfanın kendisini de
   fare için tamamen geçirgen yapıyor. */
.tabs__pane:not(.is-active) {
    pointer-events: none;
}