/* ============================================================
   Yörünge — Etkileşimli Derinlik Alanı katmanı
   Bundle + diğer enhance CSS'lerden SONRA yüklenir.
   ============================================================ */

/* Sabit derinlik tuvali: tüm sayfanın en arkasında */
.yrg-depth {
    position: fixed;
    inset: 0;
    width: 100vw;
    height: 100vh;
    z-index: 0;
    pointer-events: none;
    display: block;
}

/* İçerik tuvalin üstünde kalsın */
#root {
    position: relative;
    z-index: 1;
}

/* WebGL yoksa CSS ızgara yedeği — yine de hareketli bir arka plan */
.yrg-depth-fallback {
    position: fixed;
    inset: 0;
    z-index: 0;
    pointer-events: none;
    background-image:
        radial-gradient(60% 50% at 15% 0%, rgba(56, 189, 248, 0.10), transparent 60%),
        linear-gradient(rgba(14, 165, 233, 0.10) 1px, transparent 1px),
        linear-gradient(90deg, rgba(14, 165, 233, 0.10) 1px, transparent 1px);
    background-size: 100% 100%, 46px 46px, 46px 46px;
    animation: yrg-grid-drift 16s linear infinite;
}
@keyframes yrg-grid-drift {
    from { background-position: 0 0, 0 0, 0 0; }
    to   { background-position: 0 0, 46px 92px, 92px 46px; }
}
@media (prefers-reduced-motion: reduce) {
    .yrg-depth-fallback { animation: none; }
}

/* 3D aktifken eski 2D partikül tuvalini gizle */
#home .yrg-particles { display: none !important; }

/* Hero dönen kelime: açık zeminde canlı marka degradesi */
#home .text-rotate-item {
    background: linear-gradient(90deg, #0284c7, #0ea5e9, #7c3aed) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    filter: drop-shadow(0 1px 8px rgba(2, 132, 199, 0.22));
}