/* ============================================================
   RK LIVING-FLOOR BACKDROP — site genelinde, scroll'a tepkili,
   zemin temalı animasyonlu arka plan. İçerik buzlu cam üstünde
   okunabilir kalır. JS, --rk-sc (0..1) ve --rk-sy (px) set eder.
   ============================================================ */

:root {
    --rk-sc: 0;            /* scroll ilerlemesi 0..1 (JS) */
    --rk-sy: 0px;          /* scrollY px (JS) */
    --rk-veil: .82;        /* açık bölüm opaklığı (ayarlanabilir) */
    --rk-veil-dark: .65;   /* koyu bölüm opaklığı (beyaz yazı kontrastı güvenli) */
}

/* Sayfa tabanı: her zaman koyu degrade (JS yoksa da güzel durur) */
html {
    background:
        radial-gradient(1100px 760px at 14% 8%, #11203f 0%, transparent 60%),
        radial-gradient(1000px 720px at 88% 92%, #1a1340 0%, transparent 60%),
        linear-gradient(180deg, #070b16 0%, #0a1124 55%, #070b16 100%) fixed;
}
body { background: transparent !important; }
/* Ana sayfa sarmalayıcıları şeffaf → backdrop tüm canlılığıyla görünür */
.rk-home, .page-wrapper { background: transparent !important; }
/* İç sayfalar: OKUNABİLİRLİK önce. Neredeyse opak açık zemin →
   tüm yazılar net; arkadan yalnız hafif bir doku sızar. (İletişim, Kurumsal
   vb. sayfalarda yazıların koyu backdrop üstünde kaybolma sorunu çözülür.) */
.main-wrapper { background: rgba(255,255,255,.96) !important; }

/* Sabit backdrop katmanı */
.rk-bg { position: fixed; inset: 0; z-index: -2; overflow: hidden; pointer-events: none; }

/* Scroll ile renk tonu kayan degrade alanı */
.rk-bg::before {
    content: ""; position: absolute; inset: -10%;
    background:
        radial-gradient(62% 52% at 20% 15%, hsl(calc(214deg + var(--rk-sc) * 60deg) 78% 30% / .72), transparent 70%),
        radial-gradient(62% 56% at 82% 85%, hsl(calc(258deg - var(--rk-sc) * 50deg) 76% 28% / .72), transparent 70%);
}

/* Perspektifli "kaybolan zemin" ızgarası (parke/fayans hissi) */
.rk-bg__floor {
    position: absolute; left: -25%; right: -25%; bottom: -10%; height: 110vh;
    background-image:
        linear-gradient(to right, rgba(150,195,255,.45) 1px, transparent 1px),
        linear-gradient(to top, rgba(150,195,255,.45) 1px, transparent 1px);
    background-size: 62px 62px;
    transform: perspective(460px) rotateX(62deg) translateY(calc(var(--rk-sy) * 0.05px));
    transform-origin: bottom center;
    mask-image: linear-gradient(to top, #000 0%, #000 45%, transparent 92%);
    -webkit-mask-image: linear-gradient(to top, #000 0%, #000 45%, transparent 92%);
    animation: rkFloorPan 22s linear infinite;
    will-change: transform, background-position;
}
@keyframes rkFloorPan {
    from { background-position: 0 0, 0 0; }
    to   { background-position: 64px 0, 0 -64px; }
}

/* Sürüklenen yumuşak ışık küreleri — blur filtresi KALDIRILDI (perf); yumuşaklık
   radial-gradient'ten geliyor. Çok daha akıcı scroll. */
.rk-bg__orb { position: absolute; border-radius: 50%; opacity: .55; will-change: transform; }
.rk-bg__orb--1 { width: 40vw; height: 40vw; left: -8vw; top: 2vh;  background: radial-gradient(circle, rgba(37,99,235,.85) 0%, rgba(37,99,235,.25) 45%, transparent 68%); animation: rkDrift1 26s ease-in-out infinite; }
.rk-bg__orb--2 { width: 36vw; height: 36vw; right: -6vw; top: 42vh; background: radial-gradient(circle, rgba(124,58,237,.85) 0%, rgba(124,58,237,.22) 45%, transparent 68%); animation: rkDrift2 32s ease-in-out infinite; }
@keyframes rkDrift1 { 0%,100% { transform: none; } 50% { transform: translate(8vw, 7vh) scale(1.12); } }
@keyframes rkDrift2 { 0%,100% { transform: none; } 50% { transform: translate(-7vw, -6vh) scale(1.14); } }

/* İnce doku */
.rk-bg__grain {
    position: absolute; inset: 0; opacity: .4;
    background-image: radial-gradient(rgba(255,255,255,.05) 1px, transparent 1px);
    background-size: 28px 28px;
}

/* ============ İÇERİK: yarı saydam (okunabilirlik korunur) ============
   NOT: backdrop-filter:blur KALDIRILDI — büyük alanlarda scroll'u ciddi
   yavaşlatıyordu. Düz rgba ile hem akıcı hem arkadaki animasyon görünür. */
/* Ana sayfa açık bölümler */
.rk-home .bg-white, .rk-home .bg-slate-50 {
    background-color: rgba(255,255,255,var(--rk-veil)) !important;
}
/* Ana sayfa açık degrade bölüm (hizmetler) */
.rk-home .from-white.to-slate-50 { background: rgba(255,255,255,var(--rk-veil)) !important; }
/* Ana sayfa koyu iletişim bölümü — daha şeffaf: parlayan zemin belirgin görünür */
.rk-home .bg-slate-900 { background-color: rgba(8,13,26,var(--rk-veil-dark)) !important; }

/* İç sayfalar: içerik alanı yarı saydam beyaz kart */
.main-wrapper .section-service { background: transparent !important; }
.main-wrapper .section-service > .bg-colorGreyTwo,
.main-wrapper .section-service > .section-space {
    background: rgba(255,255,255,var(--rk-veil)) !important;
}

/* Eklenen SSS bölümü (section-space) ve genel beyaz kartlar okunur kalsın */
.main-wrapper .rich-text-block { color: #2b3340; }

@media (prefers-reduced-motion: reduce) {
    .rk-bg__floor, .rk-bg__orb { animation: none !important; }
}