/* CEE AKIS — Projeler + Instagram ortak serit dili (2026-09-29) */
.cee-akis{position:relative;overflow:hidden;max-width:1280px;margin:0 auto;padding:30px 0 26px;touch-action:pan-y;
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 9%,#000 91%,transparent);
          mask-image:linear-gradient(90deg,transparent,#000 9%,#000 91%,transparent)}
.cee-akis-ray{display:flex!important;align-items:center;gap:22px;width:max-content;will-change:transform}
.cee-akis.cee-akis-sabit{-webkit-mask-image:none;mask-image:none}
.cee-akis.cee-akis-sabit .cee-akis-ray{width:auto;justify-content:center;flex-wrap:wrap}
.cee-akis-ray>*{flex:none;transform-origin:50% 55%;will-change:transform,opacity;user-select:none;-webkit-user-drag:none;
  transition:box-shadow .4s ease!important}   /* olcek/saydamlik her karede JS'ten gelir; gecikmeli gecis istemiyoruz */
.cee-akis-ray img{pointer-events:none}
/* tutup kaydirilabildigi belli olsun */
.cee-akis{cursor:grab}
.cee-akis.cee-surukleniyor{cursor:grabbing}
.cee-akis.cee-surukleniyor a{cursor:grabbing}

/* PROJELER: yatay kart, ad yalniz ortadakinde */
#projeler .cee-akis{max-width:1400px}
#projeler .projects-grid.cee-akis-ray{grid-template-columns:none;padding:0!important;margin:0!important;max-width:none}
#projeler .cee-akis-ray .project-card{width:440px!important;min-width:0!important;max-width:none!important;height:auto!important;min-height:0!important;aspect-ratio:3/2!important;border-radius:12px;
  box-shadow:0 22px 40px -24px rgba(0,0,0,.5)!important}
#projeler .cee-akis-ray .project-card>img,#projeler .cee-akis-ray .project-card>video{position:absolute!important;top:0!important;right:0!important;bottom:0!important;left:0!important;
  width:100%!important;height:100%!important;object-fit:cover!important}
#projeler .cee-akis-ray .project-overlay{opacity:var(--y,0);transition:opacity .2s linear;z-index:3}
/* butun proje kartlari ayni yumusak kose (kucuk arka kartlar dahil) */
#projeler .cee-akis-ray .project-card{border-radius:12px!important;overflow:hidden!important;isolation:isolate}
/* metalik gri cerceve: sitenin baslik/suslerindeki gecisin aynisi (#a0a0a0 -> #808080 -> #505050 -> #1a1a1a) */
/* cerceve yalniz maske destekleyen tarayicida: desteklemeyende fotografin ustunu griye boyamasin */
@supports ((-webkit-mask-composite:xor) or (mask-composite:exclude)){
#projeler .cee-akis-ray .project-card::after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;pointer-events:none;
  border-radius:12px;padding:3px;
  background:linear-gradient(180deg,#a0a0a0 0%,#808080 25%,#505050 60%,#2a2a2a 85%,#1a1a1a 100%);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;
          mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0);
  box-shadow:inset 0 0 0 1px rgba(0,0,0,.25)}
}
/* ayni projenin fotograflari arasinda gecis: hafif, yavas cozulme */
#projeler .cee-akis-ray .project-card>img.cee-cozul{z-index:1;opacity:0;transition:opacity 1.1s cubic-bezier(.33,0,.2,1)!important}
/* FOTOGRAF KOSESI: sabit imza (DXF logosu + MIMARLIK), soluk beyaz */
.cee-kose-imza{position:absolute;right:4%;bottom:6%;width:15%;z-index:2;pointer-events:none;opacity:.82;
  filter:drop-shadow(0 1px 2px rgba(0,0,0,.55))}
.cee-kose-imza svg{display:block;width:100%;height:auto}
.cee-kose-imza path{stroke:#fff;stroke-width:.9;vector-effect:non-scaling-stroke}
.cee-kose-imza text{fill:#fff;stroke:none}
/* INSTAGRAM: kart alti basliklar gizli, ortadaki paylasimin basligi seridin altinda (cee-akis.js igAltKur) */
#sahadan-notlar .cvit-kart .cvit-kb{display:none!important}
.cee-ig-alt{max-width:560px;margin:4px auto 0;padding:14px 20px 0;text-align:center;position:relative;min-height:92px}
.cee-ig-alt::before{content:"";position:absolute;top:0;left:50%;width:26px;height:1px;margin-left:-13px;background:linear-gradient(90deg,transparent,#b89b5e,transparent)}
.cee-ig-alt .ia-ic{transition:opacity .22s ease,transform .22s ease}
.cee-ig-alt.ia-degis .ia-ic{opacity:0;transform:translateY(5px)}
.cee-ig-alt .ia-ad{font-family:"Segoe UI",-apple-system,system-ui,sans-serif;font-size:17px!important;font-weight:400!important;letter-spacing:.3px!important;line-height:1.45;color:#2d3748;margin:0 0 8px!important;padding:0!important;border:0!important;text-transform:none}
.cee-ig-alt .ia-alt{display:flex;justify-content:center;align-items:center;gap:16px;font-size:11px;font-weight:600;letter-spacing:1.5px}
.cee-ig-alt .ia-alt > span{color:#b89b5e}
.cee-ig-alt .ia-git{display:inline-block!important;min-height:0!important;height:auto!important;margin:0!important;padding:0 0 2px!important;line-height:1.4!important;
  color:#2d3748;text-decoration:none;text-transform:uppercase;letter-spacing:2px;border:0!important;border-bottom:1px solid #b89b5e!important;background:none!important;width:auto!important}
.cee-ig-alt .ia-alt{flex-wrap:wrap;line-height:1.4}
.cee-ig-alt .ia-git span{display:inline-block;transition:transform .25s}
.cee-ig-alt .ia-git:hover span{transform:translateX(4px)}
body.dark-mode .cee-ig-alt .ia-ad,body.dark-mode .cee-ig-alt .ia-git{color:#eee}
/* TELEFON: sitenin eski kurali resme min-height:180px veriyordu, 100px'lik kartta resmin yalniz ust yarisi gorunuyordu (2026-09-30) */
html body #projeler .cee-akis-ray .project-card>img,html body #projeler .cee-akis-ray .project-card>video{
  width:100%!important;height:100%!important;min-height:0!important;max-height:none!important;object-fit:cover!important;object-position:50% 50%!important}
/* PROJELER: aciklama kartin ustunde degil, altta ayri bilgi alaninda (cee-akis.js projeAltKur) */
#projeler .cee-akis-ray .project-overlay{display:none!important}
.cee-proje-alt{max-width:680px;margin:-6px auto 10px;padding:0 20px;text-align:center;min-height:150px}
.cee-proje-alt .pa-ic{transition:opacity .26s ease,transform .26s ease}
.cee-proje-alt.pa-degis .pa-ic{opacity:0;transform:translateY(6px)}
.cee-proje-alt .pa-kat{font-size:11px;font-weight:600;letter-spacing:3px;text-transform:uppercase;color:#b89b5e;margin-bottom:8px}
.cee-proje-alt .pa-ad{font-size:20px!important;font-weight:400!important;letter-spacing:3px!important;text-transform:uppercase;color:#2d3748;margin:0 0 10px!important;padding:0!important;border:0!important}
.cee-proje-alt .pa-yazi{font-size:14.5px;line-height:1.65;color:#6b7280;margin:0 auto 14px;max-width:600px}
.cee-proje-alt .pa-git{display:inline-flex;gap:8px;font-size:11.5px;font-weight:600;letter-spacing:2.5px;text-transform:uppercase;color:#2d3748;text-decoration:none;
  border-bottom:1px solid #b89b5e;padding-bottom:3px}
.cee-proje-alt .pa-git span{transition:transform .25s}
.cee-proje-alt .pa-git:hover span{transform:translateX(4px)}
body.dark-mode .cee-proje-alt .pa-ad,body.dark-mode .cee-proje-alt .pa-git{color:#eee}
@media(max-width:600px){.cee-proje-alt{min-height:170px}.cee-proje-alt .pa-ad{font-size:16px!important;letter-spacing:2px!important}.cee-proje-alt .pa-yazi{font-size:13.5px}}
/* ILETISIM FORMU (2026-09-29 denetim): kutular yazi rengini govdeden (beyaz) aliyordu -> yazilan gorunmuyordu */
#contactForm input,#contactForm select,#contactForm textarea{color:#2d3748!important;-webkit-text-fill-color:#2d3748!important;background-color:#fff}
#contactForm input::placeholder,#contactForm textarea::placeholder{color:#8a94a6!important;-webkit-text-fill-color:#8a94a6!important}
#contactForm select option{color:#2d3748;background:#fff}
body.dark-mode #contactForm input,body.dark-mode #contactForm select,body.dark-mode #contactForm textarea{color:#eee!important;-webkit-text-fill-color:#eee!important;background-color:#1f2024}
/* Instagram paylasimlari: ayni imza, TAM ORTADA soluk filigran (Emrah: "opak" = yari saydam) */
#sahadan-notlar .cee-ig-imza{left:50%;top:50%;right:auto;bottom:auto;width:52%;transform:translate(-50%,-50%);opacity:.34;
  filter:drop-shadow(0 1px 3px rgba(0,0,0,.35))}
#sahadan-notlar .cvit-kart:hover .cee-ig-imza{opacity:.22}
/* kart alti baslik: sitenin basbaslik dili (Emrah: "alttaki yazi daha iyi olabilir") */
#sahadan-notlar .cvit-kb{display:block;max-width:230px;margin:18px auto 0;padding-top:14px;position:relative;
  font-family:"Segoe UI",-apple-system,system-ui,"Helvetica Neue",Arial,sans-serif;font-size:14px;font-weight:400;line-height:1.45;
  letter-spacing:.3px;color:#2d3748;text-align:center}
#sahadan-notlar .cvit-kb::before{content:"";position:absolute;top:0;left:50%;width:26px;height:1px;margin-left:-13px;
  background:linear-gradient(90deg,transparent,#b89b5e,transparent)}
#sahadan-notlar .cvit-kb::after{content:"@ceemimarlik";display:block;margin-top:6px;font-size:11px;font-weight:600;letter-spacing:1.5px;
  text-transform:none;color:#b89b5e}
body.dark-mode #sahadan-notlar .cvit-kb{color:#e2e2e2}


/* PROJELERIN ALTINDA TEK SEFERLIK CIZIM: logo kontur kontur cizilir, yazilar belirir, sonra kaybolur */
.cee-imza-sahne{max-width:260px;margin:6px auto 0;padding:8px 20px 0;max-height:220px;overflow:hidden;
  transition:opacity 1.4s ease,max-height 1.1s ease,margin 1.1s ease,padding 1.1s ease}
.cee-imza-sahne .cee-cizim svg{display:block;width:100%;height:auto;overflow:visible}
.cee-cizim path{stroke:#4a4a4a;stroke-width:1.1;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke;
  stroke-dasharray:1;stroke-dashoffset:1}
.cee-cizim .cz-y{fill:#4a4a4a;stroke:none;opacity:0;transform:translateY(10px);transform-box:fill-box}
.cee-ciziliyor .cz-1 path{animation:cee-ciz .8s cubic-bezier(.5,0,.3,1) forwards}
.cee-ciziliyor .cz-1 .cz-y{animation:cee-yazi .6s ease forwards}
/* iki perde: once logo + MIMARLIK soner, sonra ayni yerde mimar EMRAH IPEK belirir */
.cee-cizim .cz-1,.cee-cizim .cz-2{transition:opacity 1s ease}
.cee-evre1-son .cz-1{opacity:0}
.cee-evre2 .cz-2 .cz-y{animation:cee-yazi .8s ease forwards}
.cee-evre2 .cz-2 path{animation:cee-ciz .9s cubic-bezier(.5,0,.3,1) forwards}
.cee-imza-son{opacity:0}
.cee-imza-kapan{max-height:0;margin-top:0;padding-top:0}
body.dark-mode .cee-cizim path{stroke:#cfcfcf}
body.dark-mode .cee-cizim .cz-y{fill:#cfcfcf}
@keyframes cee-ciz{to{stroke-dashoffset:0}}
@keyframes cee-yazi{to{opacity:1;transform:none}}
.cee-cozuluyor>img.cee-cozul{opacity:1!important}
#projeler .cee-akis-ray .project-card:hover .project-overlay{opacity:1}

/* DORTGEN YORUNGE (projeler): kartlar mutlak konumlu, JS plan uzerinde dolastirir */
.cee-akis.cee-akis-dortgen{-webkit-mask-image:none;mask-image:none;padding:10px 0 20px;overflow:hidden}
.cee-akis-dortgen .cee-akis-ray{position:relative;display:block!important;width:100%!important;height:520px}
.cee-akis-dortgen .cee-akis-ray>*{position:absolute!important;left:50%;top:66%;margin:0!important}
#projeler .cee-akis-dortgen .cee-akis-ray .project-card{width:400px!important}
/* filtrede 1-2 proje: donmez, ortada yan yana sabit */
.cee-akis-dortgen.cee-dortgen-az .cee-akis-ray{display:flex!important;justify-content:center;align-items:center;flex-wrap:wrap;gap:24px;height:auto!important;padding:20px 0}
.cee-akis-dortgen.cee-dortgen-az .cee-akis-ray>*{position:relative!important;left:auto;top:auto}
.cee-akis-dortgen .cee-akis-ray{height:540px}

/* sag alttaki "Is Takip Sistemi" + "Web Tasarim" kutulari kaldirildi (Emrah, 2026-09-29).
   Isaretleme duruyor, baska kodlar ona bagli olabilir; yalniz gorunmez */
.cee-it-float{display:none!important}
/* "Bizden Haberler" yuzen kutusu da kaldirildi: acilista kapakla yarisiyordu */
#bhFloat{display:none!important}

/* Windows "animasyon efektleri kapali" (prefers-reduced-motion): sitenin genel kurallari (main.css, cross-browser-fixes,
   footer-fix) tum animasyon/gecis surelerini 0.01ms yapiyor. Proje imzasi ve fotograf gecisi yine de oynasin. */
@media (prefers-reduced-motion:reduce){
  #projeler .cee-imza-sahne.cee-ciziliyor .cz-1 path{animation-duration:.8s!important}
  #projeler .cee-imza-sahne.cee-ciziliyor .cz-1 .cz-y{animation-duration:.6s!important}
  #projeler .cee-imza-sahne.cee-evre2 .cz-2 .cz-y{animation-duration:.8s!important}
  #projeler .cee-imza-sahne.cee-evre2 .cz-2 path{animation-duration:.9s!important}
  #projeler .cee-imza-sahne .cee-cizim .cz-1,#projeler .cee-imza-sahne .cee-cizim .cz-2{transition:opacity 1s ease!important}
  #projeler .cee-imza-sahne{transition:opacity 1.4s ease,max-height 1.1s ease,margin 1.1s ease,padding 1.1s ease!important}
  #projeler .cee-akis-ray .project-card>img.cee-cozul{transition:opacity 1.1s cubic-bezier(.33,0,.2,1)!important}
}

/* SAYFA RITMI (ana sayfa): bolumler arasi tek duzen, ic ice binen bosluklar yerine */
body.ceh-saydam section[id]:not(#anasayfa){margin-top:0!important;margin-bottom:0!important;
  padding-top:64px!important;padding-bottom:64px!important}
body.ceh-saydam section[id]:not(#anasayfa) .section-header{margin-bottom:36px!important;padding-top:0!important;padding-bottom:0!important}
body.ceh-saydam #projeler .filter-container{margin-bottom:0!important;padding-top:0!important}
body.ceh-saydam #projeler .cee-akis-dortgen{padding-bottom:0}
/* sitenin mimari ayraci (Hakkimizda/Hizmetler arasi) bosluga eklenmesin, ortasinda dursun */
body.ceh-saydam #hakkimizda#hakkimizda{padding-bottom:24px!important}
body.ceh-saydam #hizmetler#hizmetler{padding-top:24px!important}
body.ceh-saydam #sahadan-notlar#sahadan-notlar{padding-bottom:40px!important}

@media (max-width:760px){
  .cee-akis-dortgen .cee-akis-ray{height:300px}
  body.ceh-saydam section[id]:not(#anasayfa){padding-top:44px!important;padding-bottom:44px!important}
  body.ceh-saydam section[id]:not(#anasayfa) .section-header{margin-bottom:24px!important}
  #projeler .cee-akis-dortgen .cee-akis-ray .project-card{width:150px!important}
  #projeler .cee-akis-dortgen .project-detail-btn,#projeler .cee-akis-dortgen .proj-desc-hover{display:none!important}
  #projeler .cee-akis-dortgen .project-overlay{padding:10px!important}
  #projeler .cee-akis-dortgen .project-title{font-size:13px!important}
  #projeler .cee-akis-ray .project-card::after{padding:2px}
  .cee-akis{margin:0 -16px;padding:20px 0 18px}
  .cee-akis-ray{gap:12px}
  #projeler .cee-akis-ray .project-card{width:280px!important}}

/* UYUMLULUK: kart orani (aspect-ratio) desteklemeyen eski tarayicilar (Safari 14 ve oncesi, eski iPhone/iPad) -
   kartlar cokmesin diye sabit yukseklik */
@supports not (aspect-ratio: 1 / 1){
  #projeler .cee-akis-ray .project-card{height:266.67px!important}
}
@media (max-width:760px){@supports not (aspect-ratio: 1 / 1){
  #projeler .cee-akis-ray .project-card{height:100px!important}
}}