/* DO NOT EDIT – CORE
   Küre animasyonu container stilleri - Sadece ana sayfada görünür */

/* Container: Tam ekran, arka planda */
#tnc-sphere-container {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: -1; /* İçeriklerin arkasında */
  pointer-events: none; /* Tıklamaları engelle */
  overflow: hidden;
  /* Referans kod arka plan: radial-gradient(1000px 700px at 50% 60%, #0a0f18 0%, #070a12 45%, #04060a 100%) */
  background: radial-gradient(1000px 700px at 50% 60%, #0a0f18 0%, #070a12 45%, #04060a 100%);
}

/* Ana sayfada footer'ın sayfanın en altında görünmesi için minimum yükseklik */
body.tnc-public.home,
body.tnc-public.front-page {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}

body.tnc-public.home #main,
body.tnc-public.front-page #main {
  flex: 1;
  min-height: calc(100vh - 200px); /* Header ve footer için alan bırak */
}

/* Mobil görünümde küre container'ının footer'ın altında kalmasını garanti et - SADECE ANA SAYFA */
@media (max-width: 767px) {
  body.tnc-public.home #tnc-sphere-container,
  body.tnc-public.front-page #tnc-sphere-container {
    z-index: -10 !important; /* Footer'dan çok daha altta - sadece ana sayfada */
    /* Mobilde küre biraz daha küçük görünsün */
    transform: scale(0.98) !important;
    transform-origin: center center !important;
  }
  
  /* Canvas'ı da küçült */
  body.tnc-public.home #tnc-sphere-container canvas,
  body.tnc-public.front-page #tnc-sphere-container canvas {
    transform: scale(0.98) !important;
    transform-origin: center center !important;
  }
  
  /* SADECE ANA SAYFADA: Footer küre'nin üstünde, sayfanın en altında */
  body.tnc-public.home .tnc-footer,
  body.tnc-public.front-page .tnc-footer {
    position: relative !important;
    z-index: 10 !important; /* Küre'den çok daha üstte */
    background: #0d1117 !important; /* Footer arka planı - küre görünmesin */
    margin-top: auto !important; /* Footer'ı en alta it */
  }
  
  /* Ana sayfada body ve main için minimum yükseklik */
  body.tnc-public.home,
  body.tnc-public.front-page {
    min-height: 100vh;
  }
  
  body.tnc-public.home #main,
  body.tnc-public.front-page #main {
    min-height: calc(100vh - 150px); /* Mobilde daha az alan */
  }
}

/* Canvas: Tam container boyutunda */
#tnc-sphere-container canvas {
  display: block;
  width: 100%;
  height: 100%;
}

/* Ana sayfa içerik alanı için z-index düzeltmesi */
body.tnc-public.home #main,
body.tnc-public.front-page #main {
  position: relative;
  z-index: 1;
}

/* WebGL desteklenmiyorsa fallback görsel (opsiyonel) */
#tnc-sphere-container.fallback {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1920 1080"><rect fill="%23020611" width="1920" height="1080"/><circle cx="960" cy="540" r="300" fill="none" stroke="%2356b3ff" stroke-width="2" opacity="0.3"/></svg>');
  background-size: cover;
  background-position: center;
}