/* ============================================================
   EK STİLLER (2026-09-01) — bootstrap.css + style.css üstüne.
   Buradakiler eski sitede ayrı kütüphanelerle geliyordu:
   pushbar (mobil menü), AOS (belirme), Font Awesome (ikon boyutu).
   ============================================================ */
img{max-width:100%;height:auto}

/* Belirme animasyonu — JS çalışmazsa içerik GÖRÜNÜR kalır (eski AOS hatası) */
.belir-hazir{opacity:0;transform:translateY(18px);transition:opacity .6s ease,transform .6s cubic-bezier(.2,.7,.2,1)}
.belir-goründü{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.belir-hazir{opacity:1;transform:none}}

/* Mobil menü paneli — eski sitedeki pushbar davranışı.
   Görünüm kuralları (.pushy a / .rightil) style.css'te ZATEN var; burada yalnız
   panelin konumu ve sağdan açılma hareketi tanımlı. */
.pushy{position:fixed;inset:0;z-index:9999;overflow-y:auto;
  transform:translateX(100%);transition:transform .3s cubic-bezier(.2,.7,.2,1);visibility:hidden}
.pushy.acik{transform:none;visibility:visible}
body.menu-acik{overflow:hidden}

/* WhatsApp düğmesi (eski sitede ayrı bileşendi) */
.wa-buton{position:fixed;right:18px;bottom:18px;z-index:900;width:52px;height:52px;border-radius:50%;
  background:#25d366;color:#fff;display:grid;place-items:center;box-shadow:0 6px 20px rgba(37,211,102,.4)}
.wa-buton svg{width:30px;height:30px}
/* Mobil menü düğmesi */
.menu-ac,.menu-kapat{background:none;border:0;padding:6px;cursor:pointer;color:inherit;line-height:0}
.menu-kapat{color:#fff}
.menu-ac{color:#fff}
/* eski sitede menü düğmesi .but sınıfıyla 767px altında görünür */
@media (min-width:768px){.menu-ac{display:none!important}}



/* Belge şeridi — eski sitede owl carousel yatay akıyordu.
   Görsel ölçüsünü style.css'teki .refbox img kuralı belirler (width:58%, height:100%),
   burada yalnız YERLEŞİM var: dört kutu tek satırda eşit paylaşır. */
.belge-seridi{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;align-items:center}
.belge-seridi .refbox{width:auto!important}
@media (max-width:768px){.belge-seridi{grid-template-columns:repeat(2,1fr)}}
@media (max-width:420px){.belge-seridi{grid-template-columns:1fr}}

/* "20 + Yıllık Tecrübe" kutusu — DÜZELTME (2026-09-02)
   Eski sitede .yt-txt{margin-top:22%} vardı; yüzdesel margin kapsayıcının
   GENİŞLİĞİNE göre hesaplanır (400px → 88px), 105px'lik kutudan taşıyordu.
   Yazı kutunun dışına, iki görselin arasına düşüyordu. Artık gerçek ortalama. */
.hakfoto4{display:grid!important;place-items:center;padding:10px}
.hakfoto4 .yt-txt{margin-top:0!important;line-height:1.25}
.hakfoto4 .yt-txt span{display:block;font-size:30px;font-weight:600;margin-bottom:2px}

/* Menü şeridi taşması (2026-09-02)
   Eski sitede .Ustmenu2 yüksekliği 64px'e SABİT, linkler line-height:64px.
   768–1199px arasında (tabletler + telefonda "masaüstü sitesini iste") 7 link
   tek satıra sığmıyor; ikinci satır mavi şeridin DIŞINA, hero görselinin
   üstüne düşüp okunmaz hâle geliyordu. Şerit artık içeriği sarıyor.
   NOT: site.css izgara.css'ten SONRA yükleniyor ve .Ustmenu2{height:64px}
   kuralı aynı özgüllükte olduğu için kazanıyor → !important şart. */
@media (min-width:768px) and (max-width:1199px){
  div.Ustmenu2{height:auto!important;min-height:64px;padding:6px 0}
  div.Ustmenu2 a{line-height:2.3!important;font-size:12.6px!important;margin-right:9px}
}

/* Menü şeridi ve logo (2026-09-02)
   Şerit mavi (#1f78bd) idi; beyaza çevrildi. Menü yazıları ve mobil menü düğmesi
   beyazdı → beyaz zeminde görünmedikleri için koyu renge alındı.

   Logo şeritten aşağı, hero görselinin üzerine taşıyor. CSS ile beyaz kutu
   EKLENMEZ: logo dosyasının kendi beyaz zemini ve ince çerçevesi var, üstüne
   kutu konunca çift zemin oluyordu. Bu yüzden şeffaf sürüm değil ORİJİNAL
   (beyaz zeminli) logo kullanılır.
   Kutuya sabit yükseklik verilir; içerikten almaya bırakılırsa site.css'teki
   .logobox img{height:100%} ile döngüye girip çöküyor.
   NOT: site.css izgara.css'ten SONRA yüklendiği için !important gerekli. */
div.Ustmenu2{background-color:#fff!important;height:auto!important;min-height:74px;
  padding:0!important;border-bottom:3px solid #1f78bd;position:relative!important;z-index:20}
div.Ustmenu2 .row{align-items:center;min-height:74px}
div.Ustmenu2 a{color:#1c2b3a!important;line-height:1.9!important;font-weight:500}
div.Ustmenu2 a:hover{color:#186bc1!important}

/* Bootstrap'te .col-* position:relative — logo şeride değil SÜTUNA göre
   konumlanıp aşağı kayıyordu. Sütun static yapılınca şeride oturuyor.
   Konum referansı .bin konteyneri: logo böylece sayfanın en soluna değil,
   aşağıdaki metinlerle AYNI sol kenara hizalanır (ekran daraldıkça da uyar). */
.Ustmenu2 .row > [class*="col-"]{position:static!important}
.Ustmenu2 > .container-fluid.bin{position:relative!important}
div.logobox{position:absolute!important;top:0!important;left:0!important;bottom:auto!important;
  background:transparent!important;box-shadow:none!important;border-radius:0!important;
  width:auto!important;height:118px!important;min-height:0!important;
  display:flex!important;align-items:flex-start;padding:0!important;margin:0!important;
  transform:none!important;z-index:30}
div.logobox a{display:block!important;height:100%!important}
/* Logo hero görselinin üzerine taştığı için gölge onu fotoğraftan ayırıyor.
   box-shadow değil drop-shadow: gölge görselin kendi biçimini takip eder. */
div.logobox img{height:100%!important;width:auto!important;object-fit:contain;
  margin:0!important;display:block;
  filter:drop-shadow(0 9px 20px rgba(0,0,0,.36)) drop-shadow(0 2px 4px rgba(0,0,0,.16))!important}

.menu-ac{color:#1c2b3a!important}

@media (max-width:1199px){
  div.Ustmenu2 a{font-size:12.6px!important;margin-right:9px}
  div.logobox{height:102px!important}
}
@media (max-width:767px){
  div.Ustmenu2{min-height:64px}
  div.Ustmenu2 .row{min-height:64px}
  div.logobox{height:84px!important}
  /* Menü düğmesi dar sütunun içinde kalıp ekranın ORTASINDA duruyordu.
     Şeridin sağ kenarına yaslandı — konum referansı logoyla aynı .bin kutusu,
     böylece iki uç da içerik kolonuyla hizalı. */
  .menu-ac{position:absolute!important;right:0!important;top:50%!important;
    transform:translateY(-50%)!important;z-index:31;margin:0!important;padding:6px!important}
}