/* Zayan Imperial — ust menu duzeltmesi (2026-09-07)
   ------------------------------------------------------------------
   SORUN: Ortadaki genis logo (220px) yuzunden 5 maddelik sol menu tek
   satira sigmiyor, "Projects" alt satira dusup sol ust koseye biniyordu.
   Ayni menu ~980px-1339px arasinda da bozuk goruniyordu.

   COZUM:
   1) >=1340px: yatay menuyu, logoyla cakismayacak sekilde daralt (tek satir).
   2) <=1339px: Tilda'nin zaten calisan mobil (burger) menusunu erken devreye
      sok. Bunun icin Tilda'nin kendi 980px mobil kurallarinin AYNISINI 1339px
      esiginde tekrar yayinliyoruz (rec-ID'lerden arindirilmis). Boylece
      burger menu 1339px'e kadar birebir mobildeki gibi acilip kapaniyor.
   rec-ID'den bagimsiz; tum sayfalarda gecerli. Bu dosya <head> icine en son
   yuklendigi icin gerekli yerlerde Tilda kurallarini gecerli sekilde ezer. */

/* ================= 1) Genis ekran: yatay menu tek satir ================= */
@media screen and (min-width:1340px){
  .t454__leftwrapper{ padding-right:120px !important; }
  .t454__rightwrapper{ padding-left:120px !important; }
  .t454__leftwrapper .t454__list{
    display:flex !important; flex-wrap:nowrap !important; justify-content:flex-end !important;
  }
  .t454__rightwrapper .t454__list{
    display:flex !important; flex-wrap:nowrap !important; justify-content:flex-start !important;
  }
  .t454__list .t454__list_item{
    padding-left:8px !important; padding-right:8px !important; white-space:nowrap !important;
  }
  .t454__list .t454__list_item > a{ white-space:nowrap !important; }
}

/* ============ 2) 1339px ve alti: Tilda mobil (burger) menusu ============ */
/* Asagidaki kurallar Tilda'nin @media(max-width:980px) blogundan alinmis
   ve rec-ID onekleri temizlenmistir. Burger acildiginda Tilda satir-ici
   "display:block" yazar; bu kurallar !important tasimadigi icin acilis
   normal calisir. */
@media screen and (max-width:1339px){
  .t454__linewrapper{ display:none; }
  .t454{ position:static; text-align:center; display:block; margin:0; padding:0; height:auto !important; }
  .t454__maincontainer{ padding:20px 0 40px; }
  .t454.t454__positionabsolute, .t454.t454__positionfixed, .t454.t454__positionstatic{ position:static; }
  .t454__imglogo{ width:auto; box-sizing:border-box; padding:20px 0; margin:0 auto; max-width:100% !important; }
  .t454__imglogomobile.t454__imglogo{ max-width:100% !important; }
  .t454__rightcontainer{ display:table; position:static; float:none; text-align:center; margin:0 auto; }
  .t454__leftmenuwrapper, .t454__rightmenuwrapper, .t454__leftwrapper, .t454__rightwrapper{ height:initial; }
  .t454__logo{ text-align:center; margin:20px; white-space:normal; padding:0; }
  .t454 img{ float:inherit; }
  .t454 .t454__list_item{ display:block; text-align:center; white-space:normal; padding:10px !important; }
  .t454__logowrapper{ display:none; }
  .t454__logowrapper2{ display:block; position:static; }
  .t454__leftwrapper, .t454__rightwrapper, .rightmenuwrapper{ position:static; width:100%; padding:0 !important; }
  .t454__rightmenuwrapper, .t454__leftmenuwrapper,
  .t454__leftmenuwrapper .t454__list, .t454__rightmenuwrapper .t454__list{ display:block; }
  .t454__leftcontainer{ padding:20px; }

  /* burger cubugu ve acilir icerik */
  .tmenu-mobile{ display:block !important; background-color:rgb(12,26,40); }
  .tmenu-mobile__menucontent_hidden{ display:none; height:100%; }
  /* Tilda'da bu kural ID-ozgulluklu (#recNNNN ...) idi; rec-ID'siz halde
     ".t454.t454__positionstatic{position:static}" onu ezmesin diye
     position'a !important veriyoruz. top degerini Tilda JS satir-ici olarak
     gercek cubuk yuksekligine gore ayarlar. */
  .tmenu-mobile__menucontent_fixed{ position:fixed !important; top:64px; }
  .t-menuburger{ order:1; }

  /* alt menuler (dropdown) mobil gorunum */
  .t-menusub__menu{
    position:relative; width:100%; max-width:100%; margin:0 auto; text-align:center;
    background-color:transparent; border-radius:0; border-width:0 0 1px; border-style:none none solid;
    border-color:rgba(0,0,0,0.15); box-shadow:none; top:0 !important; left:0 !important;
  }
  .t-menusub__menu.t-menusub__menu--fullscreen{
    position:fixed; width:100%; height:100%; transform:translateX(100%); transition:transform .3s; z-index:999999;
  }
  .t-menusub__menu--fullscreen-left.t-menusub__menu.t-menusub__menu--fullscreen{ transform:translateX(-100%); }
  .t-menusub__menu.t-menusub__menu--fullscreen .t-menusub__content:not(.t978__submenu-content){
    margin-top:50px; height:calc(100% - 70px); box-sizing:border-box; display:flex; align-items:center; justify-content:center;
  }
  .t-menusub__menu.t-menusub__menu--fullscreen .t-menusub__list:not(.t978__submenu-list){
    width:calc(100% - 20px); max-height:100%; text-align:center; margin-top:0;
  }
  .t-menusub__menu--fullscreen__nav{
    position:absolute; left:0; top:0; width:100%; height:50px; display:flex; align-items:center; padding:0 10px; box-sizing:border-box;
  }
  .t-menusub__menu--fullscreen__nav-title{ width:calc(100% - 52px); }
  .t-menusub__menu::after, .t-menusub__menu::before{ display:none; }
  .t-menusub__list-item{ margin-bottom:16px; }
  .t-menusub__menu .t-menusub__link-item{ color:rgb(255,221,50) !important; }
  .t-menusub__menu .t-menusub__link-item.t-active{ color:rgb(8,19,35) !important; }
}

/* ============ Referans (Projects) kart izgarasi (2026-09-07) ============ */
/* Karusel yerine altyazili kart grid'i: foto + proje adi + sehir/ulke. */
.zi-projects{
  display:grid; grid-template-columns:repeat(3,1fr); gap:26px;
  max-width:1340px; margin:0 auto; box-sizing:border-box;
  /* ust bosluk: masaustunde ortadaki sarkan logonun ilk sirayla cakismasini onler */
  padding:110px 20px 0;
}
.zi-project{
  background:#0d1c30; border-radius:14px; overflow:hidden; margin:0;
  box-shadow:0 6px 20px rgba(0,0,0,.35);
  transition:transform .25s ease, box-shadow .25s ease;
}
.zi-project:hover{ transform:translateY(-6px); box-shadow:0 14px 34px rgba(0,0,0,.55); }
.zi-project__imgwrap{ aspect-ratio:4/3; overflow:hidden; }
.zi-project__imgwrap img{
  width:100%; height:100%; object-fit:cover; display:block;
  transition:transform .5s ease;
}
.zi-project:hover .zi-project__imgwrap img{ transform:scale(1.06); }
.zi-project__cap{ padding:15px 18px 18px; }
.zi-project__name{
  color:#fff; font-weight:700; font-size:17px; line-height:1.3; margin:0 0 7px;
  font-family:Roboto,Arial,sans-serif;
}
.zi-project__loc{
  color:#ffad32; font-size:13.5px; display:flex; align-items:center; gap:6px;
  font-family:Roboto,Arial,sans-serif; letter-spacing:.2px;
}
.zi-project__loc svg{ flex:0 0 auto; }
/* burger modunda (<=1339px) ust bosluk daha fazla: sabit logo cubugu (~168px) icerigi ortmesin */
@media screen and (max-width:1339px){ .zi-projects{ padding-top:190px; } }
@media screen and (max-width:980px){ .zi-projects{ grid-template-columns:repeat(2,1fr); gap:18px; } }
@media screen and (max-width:600px){ .zi-projects{ grid-template-columns:1fr; } }

/* ============ Ana sayfa hero videosu (2026-09-07) ============ */
/* :has() ile SADECE icinde .zi-hero-video olan hero cover'i etkiler;
   diger sayfalardaki cover/t995 bloklari etkilenmez. */
.zi-hero-video{
  position:absolute; top:0; left:0; width:100%; height:100%;
  object-fit:cover; z-index:1; pointer-events:none;
}
.t-cover:has(.zi-hero-video){ position:relative; }
/* karartma filtresini kaldir (video parlak gorunsun) */
.t-cover:has(.zi-hero-video) .t-cover__filter{ background:none !important; }
/* Tilda hero yazi/butonunu gizle (mesaji video + logo veriyor) */
.t995:has(.zi-hero-video) .t995__title,
.t995:has(.zi-hero-video) .t995__descr,
.t995:has(.zi-hero-video) .t995__buttons{ display:none !important; }