/* feyne-fixes.css — Webflow ciktisinin uzerine binen duzeltmeler */

/* ---------------------------------------------------------------
   #6 SABIT FOOTER SIZINTISI
   .c-footer-underlay position:fixed; bottom:0; z-index:1 ile ekranin
   altinda surekli duruyor (tasarimin parcasi: icerik uzerinden kayarak
   sayfa sonunda ortaya cikiyor). Ana icerik sarmalayicisi opak zemine
   sahip olmadigi icin saydam bolgelerden sizip icerigin arasina
   giriyordu. .c-underlay-spacer bu sarmalayicinin DISINDA oldugu icin
   sayfa sonundaki reveal efekti korunuyor.
   --------------------------------------------------------------- */
.footer-wrap {
  background-color: var(--pure-white);
}

.c-underlay-spacer {
  isolation: isolate;
}

/* ---------------------------------------------------------------
   #3 YUKLEME EKRANI
   Sayac gercek bir yukleme takip etmiyordu, sabit ~4,5 saniyelik bir
   animasyondu. Markup ve zaman cizelgesi kaldirildi; sayfa ici stil
   blogu .c-loader-new icin display:block dayattigi icin burada
   bastiriyoruz.
   --------------------------------------------------------------- */
.c-loader-new,
.c-loader {
  display: none !important;
}

/* ---------------------------------------------------------------
   #4 REFERANS CAROUSEL
   Webflow ciktisindaki slick tabanli slider sayfada devreye girmiyor,
   tum yorumlar alt alta yigiliyordu. Yerine bagimsiz bir carousel
   kuruldu: yorumlar ust uste bindirilip tek seferde biri gosteriliyor,
   gecis yukaridan asagi kayarak yapiliyor.
   --------------------------------------------------------------- */
.f-tst-list {
  display: grid;
  align-items: stretch;
  overflow: hidden;
}

.f-tst-list > .f-tst-item {
  grid-area: 1 / 1;
  opacity: 0;
  visibility: hidden;
  /* sirada bekleyen yorum yukarida durur */
  transform: translateY(-100%);
  transition: transform .6s cubic-bezier(.23, 1, .32, 1),
              opacity .45s ease,
              visibility 0s linear .6s;
  pointer-events: none;
}

.f-tst-list > .f-tst-item.is-active {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
  transition: transform .6s cubic-bezier(.23, 1, .32, 1),
              opacity .45s ease,
              visibility 0s;
  pointer-events: auto;
}

/* cikan yorum asagi dogru suzulur */
.f-tst-list > .f-tst-item.is-leaving {
  opacity: 0;
  visibility: visible;
  transform: translateY(100%);
  transition: transform .6s cubic-bezier(.23, 1, .32, 1),
              opacity .45s ease,
              visibility 0s linear .6s;
}

@media (prefers-reduced-motion: reduce) {
  .f-tst-list > .f-tst-item,
  .f-tst-list > .f-tst-item.is-active,
  .f-tst-list > .f-tst-item.is-leaving {
    transform: none;
    transition: opacity .3s ease, visibility 0s;
  }
}

/* Dikey ilerleme gostergesi — Feyne referansindaki olculer */
.f-tst-dots {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 5px;
  flex: none;
  padding: 0;
  margin: 0;
  list-style: none;
}
.f-tst-dots .f-tst-dot {
  appearance: none;
  -webkit-appearance: none;
  border: 0;
  padding: 0;
  margin: 0;
  width: 2px;
  height: 18px;
  border-radius: 2px;
  background-color: #323237;
  color: transparent;
  cursor: pointer;
  transition: all .3s ease;
}
.f-tst-dots .f-tst-dot:hover { background-color: #5c5c66; }
.f-tst-dots .f-tst-dot.is-active {
  background-color: #8f8f95;
  height: 40px;
}

@media (max-width: 767px) {
  .f-tst-dots { flex-direction: row; margin-bottom: 1em; }
  .f-tst-dots .f-tst-dot { width: 18px; height: 2px; }
  .f-tst-dots .f-tst-dot.is-active { width: 40px; height: 2px; }
}

/* JS calismazsa yorumlar yine de okunabilir kalsin */
.no-js .f-tst-list { overflow: visible; }
.no-js .f-tst-list > .f-tst-item {
  opacity: 1;
  visibility: visible;
  transform: none;
  position: static;
}

/* ---------------------------------------------------------------
   #7 IC SAYFA HERO
   enterprise/startup/venture-capital/marketing sayfalarinin hero'su
   beyazdi; branding, web-design, webflow-* sayfalari koyu. Ayni
   gorunume getiriyoruz.
   --------------------------------------------------------------- */
.c-section.cc-internal-hero.cc-dark {
  background-color: var(--dark);
  color: var(--pure-white);
}
.c-section.cc-internal-hero.cc-dark .c-heading-2,
.c-section.cc-internal-hero.cc-dark .c-heading-5,
.c-section.cc-internal-hero.cc-dark .c-overhead {
  color: var(--pure-white);
}
.c-section.cc-internal-hero.cc-dark .c-line {
  background-color: rgba(255, 255, 255, .22);
}

/* ---------------------------------------------------------------
   #8 FOOTER HIZLI LINKLERI
   GSAP bu 4 baglantiya reveal animasyonu icin inline "width: 0%"
   yaziyor ve animasyonun bitis degeri yanlis hesaplandigi icin
   genislik sifirda kaliyor. Sonuc: alt cizgiler (position:absolute;
   inset:auto 0 0) da sifira iniyor ve icteki SVG justify-content:
   center yuzunden ortada kisa bir parca olarak goruluyordu.
   Bitis durumunu CSS ile sabitliyoruz; opaklik animasyonu duruyor.
   Kapsam dar tutuldu: ayni sinifi tasiyan "Projeyi Incele"
   butonlarinin reveal animasyonu bozulmasin.
   --------------------------------------------------------------- */
.c-footer_pages--cd3 > a.c-button {
  width: 100% !important;
  align-self: stretch;
}

/* ---------------------------------------------------------------
   #10 3B HERO YOKSA HAZIR RENDER
   Donanim hizlandirma bulunmayan ortamlarda 3B sahne baslatilmiyor
   (yazilimla cizim islemciyi doyuruyor). O durumda ayni goruntunun
   hazir render'i gosteriliyor, hero bos kalmiyor.
   3B calisiyorken poster hic gorunmez -- cift goruntu olusmaz.
   --------------------------------------------------------------- */
.f-hero-poster { display: none; }

.feyne-3b-yok .f-hero-poster {
  display: block;
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
  pointer-events: none;
}

/* ---------------------------------------------------------------
   #11 KONTRAST
   Lighthouse iki yerde yetersiz kontrast bildirdi. Olculen oranlar:
     gri metin  #727a83 uzerinde #0f1215 : 4,32   (AA icin 4,5 gerek)
     beyaz      #ffffff uzerinde #a8834b : 3,49   (AA icin 4,5 gerek)
   Tasarimdan mumkun oldugunca az sapan degerler secildi:
     #8b939c -> 6,04      #8f6e3d -> 4,70
   --------------------------------------------------------------- */
.c-section.cc-dark .c-heading-8.cc-regular.cc-gray,
.c-section.cc-dark .c-text-4.cc-gray {
  color: #8b939c;
}

/* Proje kartinin zemin rengi satir ici yaziliyor; uzerindeki beyaz
   yazinin okunabilmesi icin bu tonu koyultuyoruz. */
.portfolio_bg[style*="a8834b"] {
  background-color: #8f6e3d !important;
}