/* ==========================================================================
   Kaydır deneyimi — scroll ile açılan, sıcak geçişler
   ========================================================================== */

:root {
    --scroll-global: 0;
    --sicak-isik: 0;
    --video-derinlik: 1;
}

/* Sıcak altın ışık — aşağı indikçe artar */
body.site-hazir.kaydir-deneyim-aktif::before {
    content: '';
    position: fixed;
    inset: 0;
    z-index: -1;
    pointer-events: none;
    background:
        radial-gradient(ellipse 90% 55% at 50% 105%, rgba(201, 169, 98, calc(var(--sicak-isik) * 0.55)) 0%, transparent 58%),
        radial-gradient(ellipse 70% 45% at 18% 42%, rgba(201, 169, 98, calc(var(--sicak-isik) * 0.18)) 0%, transparent 52%);
    transition: opacity 0.6s ease;
}

body.kaydir-deneyim-aktif #arka-plan-video.video-net {
    transform: scale(var(--video-derinlik, 1));
    transition: transform 0.8s cubic-bezier(0.22, 1, 0.36, 1);
}

/* — Vitrin: yukarı süzülerek ayrıl — */
body.kaydir-deneyim-aktif #bolum-vitrin .vitrin-lcp,
body.kaydir-deneyim-aktif #bolum-vitrin .hero-alt {
    opacity: calc(1 - var(--kaydir-cikis, 0) * 0.9);
    transform: translateY(calc(var(--kaydir-cikis, 0) * -32px)) scale(calc(1 - var(--kaydir-cikis, 0) * 0.035));
    filter: blur(calc(var(--kaydir-cikis, 0) * 2px));
    will-change: transform, opacity;
}

/* — Hakkımda: katman katman belir — */
body.kaydir-deneyim-aktif #bolum-hakkimda .bolum-icerik > * {
    opacity: var(--parca-giris, 0);
    transform: translateY(calc((1 - var(--parca-giris, 0)) * 28px));
    filter: blur(calc((1 - var(--parca-giris, 0)) * 3px));
    will-change: transform, opacity;
}

body.kaydir-deneyim-aktif #bolum-hakkimda .hakkimda-kapsul {
    box-shadow: 0 12px 48px rgba(0, 0, 0, calc(0.15 + var(--kaydir-odak, 0) * 0.25));
}

/* — Portfolyo: ışıkla açıl — */
body.kaydir-deneyim-aktif #bolum-portfolyo .portfolyo-erime-grup {
    opacity: var(--kaydir-giris, 0);
    transform: translateY(calc((1 - var(--kaydir-giris, 0)) * 36px)) scale(calc(0.96 + var(--kaydir-giris, 0) * 0.04));
    will-change: transform, opacity;
}

body.kaydir-deneyim-aktif #bolum-portfolyo.portfolyo-odak .portfolyo-erime-grup {
    filter: brightness(calc(0.92 + var(--kaydir-odak, 0) * 0.1));
}

body.kaydir-deneyim-aktif #bolum-portfolyo::after {
    content: '';
    position: absolute;
    inset: 0;
    pointer-events: none;
    background: radial-gradient(ellipse 65% 45% at 50% 38%, rgba(201, 169, 98, calc(var(--kaydir-odak, 0) * 0.14)) 0%, transparent 68%);
    opacity: 1;
    z-index: 0;
}

/* — İletişim: sıcak davet — */
body.kaydir-deneyim-aktif #bolum-iletisim .iletisim-cam {
    transform: translateY(calc((1 - var(--kaydir-giris, 0)) * 24px)) scale(calc(0.97 + var(--kaydir-giris, 0) * 0.03));
    box-shadow:
        0 16px 48px rgba(0, 0, 0, 0.35),
        0 0 calc(40px + var(--kaydir-odak, 0) * 60px) rgba(201, 169, 98, calc(var(--kaydir-odak, 0) * 0.2));
    will-change: transform;
}

body.kaydir-deneyim-aktif #bolum-iletisim .iletisim-cam > * {
    opacity: var(--parca-giris, 0);
    transform: translateY(calc((1 - var(--parca-giris, 0)) * 14px));
    will-change: transform, opacity;
}

/* — Bölüm odak halesi — */
body.kaydir-deneyim-aktif .bolum.aktif-bolum::before {
    content: '';
    position: absolute;
    inset: -5% -10%;
    pointer-events: none;
    z-index: 0;
    background: radial-gradient(ellipse 60% 50% at 50% 45%, rgba(255, 248, 235, calc(var(--kaydir-odak, 0) * 0.04)) 0%, transparent 70%);
}

/* — Geçiş çizgisi daha belirgin — */
body.kaydir-deneyim-aktif .gecis-defter-katlamasi::after {
    box-shadow: 0 0 18px rgba(201, 169, 98, calc(var(--gecis-ilerleme, 0) * 0.35));
}

@media (max-width: 768px) {
    body.kaydir-deneyim-aktif #bolum-vitrin .vitrin-lcp,
    body.kaydir-deneyim-aktif #bolum-vitrin .hero-alt {
        transform: translateY(calc(var(--kaydir-cikis, 0) * -20px));
        filter: none;
    }

    body.kaydir-deneyim-aktif #bolum-hakkimda .bolum-icerik > * {
        transform: translateY(calc((1 - var(--parca-giris, 0)) * 12px));
        filter: none;
        opacity: calc(0.84 + var(--parca-giris, 0) * 0.16) !important;
    }

    body.kaydir-deneyim-aktif #bolum-portfolyo .portfolyo-erime-grup {
        filter: none;
        opacity: calc(0.9 + var(--kaydir-giris, 0) * 0.1) !important;
    }

    body.kaydir-deneyim-aktif #bolum-iletisim .iletisim-cam {
        filter: none;
    }

    body.kaydir-deneyim-aktif #bolum-iletisim .iletisim-cam > * {
        filter: none;
        opacity: calc(0.86 + var(--parca-giris, 0) * 0.14) !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    body.kaydir-deneyim-aktif #bolum-vitrin .vitrin-lcp,
    body.kaydir-deneyim-aktif #bolum-vitrin .hero-alt,
    body.kaydir-deneyim-aktif #bolum-hakkimda .bolum-icerik > *,
    body.kaydir-deneyim-aktif #bolum-portfolyo .portfolyo-erime-grup,
    body.kaydir-deneyim-aktif #bolum-iletisim .iletisim-cam {
        opacity: 1 !important;
        transform: none !important;
        filter: none !important;
    }

    body.site-hazir.kaydir-deneyim-aktif::before {
        display: none;
    }
}