/* KRK Partners — Küresel Mobil Uyum Katmanı (TR + EN, tüm sayfalar)
   Sayfa içi <style> ve motorlardan SONRA yüklenir; kenar durumlarını güvenceye alır.
   Amaç: yatay taşmayı önlemek, sabit genişlikleri sınırlamak, tabloları kaydırılabilir
   yapmak, dokunma hedeflerini büyütmek. Var olan responsive kuralları bozmaz, tamamlar. */

/* 1) Yatay taşma & görsel güvenliği ------------------------------------ */
html,body{max-width:100%;overflow-x:clip} /* clip: sticky bozmaz (hidden bozuyordu) */
img{max-width:100%}
iframe,video{max-width:100%}
*{-webkit-tap-highlight-color:rgba(226,112,58,.22)}

/* 2) Geniş veri tabloları -> yatay kaydırma (piyasa panosu, karşılaştırma) */
@media(max-width:760px){
  table{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
}

/* 3) Ana sayfa ızgara güvencesi (motor/enjeksiyon farkı olsa da tekleşsin) */
@media(max-width:820px){
  .hero-in,.about,.split,.partners-grid,.subcards,.foot-grid,
  .band-grid,.form-row{grid-template-columns:1fr!important}
}
/* Görüş kartları: 26.09.2026'da bölüm iki sütuna geçince kartlar da ikiye
   düştü. 641–820 arasında tek sütuna indirmek gereksiz — bölüm zaten tam
   genişliğe açılmış oluyor, iki kart rahat sığıyor ve bölüm boyu yarıya
   iniyor. Tek sütun yalnızca gerçekten dar ekranda. */
@media(max-width:820px) and (min-width:641px){
  .insights{grid-template-columns:repeat(2,1fr)!important}
}
@media(max-width:640px){
  .insights{grid-template-columns:1fr!important}
}

/* 4) Yönetim Kadrosu / Danışman profil avatarı küçük ekranda taşmasın --- */
@media(max-width:820px){
  .pf-ava{width:min(300px,72vw)!important;max-width:100%;margin:0 auto}
  .pf-grid,.pf-body{gap:26px}
}

/* 5) Hizmetler showcase — küçük ekran ------------------------------------
   26.09.2026: bölüm oklu sayfalamadan sürekli akan şeride geçti. Eski
   kurallar sarmalı ızgara içindi; `flex:1 1 100%` artık width:max-content
   bir şeridin içinde tabanı belirsiz bıraktığı için sütunu 2px'e
   çökertiyordu. Sütun genişliğini JS ölçüp --kcolw'a yazıyor. */
@media(max-width:560px){
  .krksh .kcol{flex:0 0 var(--kcolw,60vw)!important;min-height:0!important}
  .krksh .cols{padding:0!important}
}

/* 6) Form/giriş alanları: tam genişlik + iOS zoom engelleyen 16px ------- */
@media(max-width:560px){
  input[type=text],input[type=email],input[type=tel],input[type=search],
  input[type=number],select,textarea{width:100%!important;box-sizing:border-box;font-size:16px!important}
  button,.btn,.cta,.knvcta,.navlang,.knvlang{min-height:44px;display:inline-flex;align-items:center}
}

/* 7) Hizmet/kurumsal detay: 2 kolon içerik+aside zaten tekleşiyor;
      aside kartları küçük ekranda tam genişlik ---------------------------- */
@media(max-width:820px){
  .content .aside,.content>aside{width:100%}
}

/* 8) Ana sayfa mega-menü: mobilde alt menüler dokunmayla erişilebilir olsun
      (hover yerine, burger açıkken yığılmış liste) ------------------------ */
@media(max-width:900px){
  .menu.open .navitem{display:flex!important;flex-direction:column;align-items:stretch;width:100%}
  .menu.open .submenu{display:block!important;position:static!important;box-shadow:none!important;
    max-height:none!important;overflow:visible!important;
    border:0!important;background:transparent!important;min-width:0!important;padding:0 0 6px!important}
  .menu.open .submenu a{color:#e9e9e9!important;padding:8px 14px!important;font-size:13px!important;white-space:normal!important}
  .menu.open .submenu a:hover{background:rgba(255,255,255,.06)!important;color:#f2894f!important}
  /* Pasif Bilgi Merkezi ogeleri <span>; koyu zeminde okunur kalsinlar. */
  .menu.open .submenu .subpx,.menu.open .submenu .subsoon{
    color:#bdbdbd!important;padding:8px 14px!important;font-size:13px!important;white-space:normal!important}
  .menu.open .submenu .subpx.subhead{color:#f2894f!important}
  .menu.open .submenu .subpx.subitem{padding-left:26px!important}
}

/* ============================================================
   v2 — Tam mobil sertleştirme (tüm menü ve sayfalar)
   ============================================================ */

/* 9) Büyük hero/başlıkları telefonda ölçekle (hizmet/kurumsal/danisman
      sayfalarında 46–58px başlıklar taşıyordu) --------------------------- */
@media(max-width:600px){
  h1{font-size:clamp(26px,7.4vw,34px)!important;line-height:1.16;word-break:break-word}
  h2{font-size:clamp(21px,6vw,27px)!important;line-height:1.2}
  h3{font-size:clamp(18px,5vw,22px)!important}
  .hero h1,.pf-grid h1{font-size:clamp(26px,7.6vw,34px)!important}
}

/* 10) Hero dikey boşluklarını telefonda daralt (aşırı yükseklik olmasın) - */
@media(max-width:600px){
  .hero{min-height:auto!important}
  /* Danışma Kurulu'na özel iki kural 28.09.2026'da kaldırıldı: sayfa artık
     diğer Kurumsal sayfalarıyla aynı beyaz, sola hizalı düzende — üstteki
     genel .hero kuralı yeterli. */
}

/* 11) Menü alt öğeleri ve etiketlerde nowrap kaynaklı taşmayı engelle ---- */
@media(max-width:820px){
  .knvm a,.submenu a{white-space:normal!important}
  .knvnav.open{max-height:82vh;overflow-y:auto}
}

/* 12) Uzun kelime/e-posta/URL taşmalarını sar --------------------------- */
@media(max-width:600px){
  p,li,a,span,td,th,dd,dt{overflow-wrap:break-word}
}

/* 13) İçerik sarmalayıcılarında telefonda kenar boşluğu güvencesi
      (kenara yapışmayı önler; yatay kaydırmayı bitirir) ------------------ */
@media(max-width:520px){
  .content,.pf-grid,.pf-body,.rh-fr,.grid2,.grid3{padding-left:16px;padding-right:16px;box-sizing:border-box}
}

/* 14) Tüm gerçek görseller (profil/hizmet kartları) kırpma oranını korusun */
@media(max-width:600px){
  .dk-ava{width:min(60%,190px)!important}
}

/* ═══════════════════════════════════════════════════════════════════════
   9) ERİŞİLEBİLİRLİK KATMANI — WCAG 2.1 AA   (eklendi: 14.08.2026)
   Bu dosya tüm sayfalarda EN SON yüklendiği için, sayfa içi <style>
   bloklarını ve motor CSS'lerini güvenle ezer. Böylece 26 sayfada
   tek noktadan düzeltme yapılır.
   ═══════════════════════════════════════════════════════════════════════ */

/* 9.1 — Kontrast: marka turuncusunun bağlama göre iki değeri --------------
   Sorun: --accent #e2703a; beyaz metinle 3.18:1, beyaz zeminde metin olarak
   3.18:1 → AA (4.5:1) altında. Çözüm: AÇIK zeminde koyulaştır, KOYU zeminde
   mevcut açık tonu (#f2894f, koyu üzerinde 5.71:1) koru. */
:root{
  --accent:#a8511f;      /* beyaz zeminde 4.55:1  (eski #e2703a → 3.18:1) */
  --accent-d:#8f4419;    /* hover — beyaz zeminde 6.16:1 */
  --acc:#a8511f;         /* ozgecmis-ugur-kirik.html farklı ad kullanıyor */
  --accd:#8f4419;
  --pos:#2a7d44;         /* bülten yükseliş yeşili — 4.85:1 (eski 4.07:1) */
}
/* Koyu zeminli bölümlerde açık ton geri gelsin (özel değişkenler miras alınır)
   NOT: .about-cine (ana sayfa Hakkımızda) 26.09.2026'da beyaz zemine geçti;
   listeden çıkarıldı. Koyu zemin token'ları orada 3.18:1 veriyordu. */
header,footer,.hero,.top,.hd,.band,.cta-band,.svc-cta,.abone,
.knvnav,.menu.open,.knvnav.open{
  --accent:#f2894f;      /* #2b2b2b üzerinde 5.71:1 */
  --accent-d:#e2703a;
}
/* …ama koyu başlığın İÇİNDEKİ beyaz açılır paneller yine koyu tonu kullanmalı */
.knvm,.submenu,header .submenu{
  --accent:#a8511f;
  --accent-d:#8f4419;
}
/* 9.2 — Dolu turuncu butonlar: zemin hangi renkte olursa olsun beyaz metinle
   4.55:1 tutturmak için sabitleniyor */
.btn-acc,.menu .cta,.nav .cta,.knvcta,.ctc,.pf-cta,.cta-btn,.rh-pdf,
button.calc,.calc,.knvcta:link,.knvcta:visited{
  background:#a8511f!important;color:#fff!important;border-color:#a8511f!important;
}
.btn-acc:hover,.menu .cta:hover,.nav .cta:hover,.knvcta:hover,
.ctc:hover,.pf-cta:hover,.cta-btn:hover,.rh-pdf:hover,button.calc:hover,.calc:hover{
  background:#8f4419!important;border-color:#8f4419!important;
}
.arrowbtn:hover{background:#a8511f!important;border-color:#a8511f!important}

/* 9.3 — Odak göstergesi (WCAG 2.4.7). Sayfalarda 6 ayrı yerde `outline:none`
   var ve yerine görsel bir gösterge konmamış; burada geri getiriliyor. */
:focus-visible{outline:3px solid #a8511f!important;outline-offset:2px!important}
header :focus-visible,footer :focus-visible,.hero :focus-visible,.top :focus-visible,
.hd :focus-visible,.band :focus-visible,.about-cine :focus-visible,
.cta-band :focus-visible,.knvnav :focus-visible{outline-color:#ffb27a!important}
input:focus-visible,select:focus-visible,textarea:focus-visible,
.qin:focus-visible,.csearch input:focus-visible,.search input:focus-visible{
  outline:3px solid #a8511f!important;outline-offset:1px!important;
}

/* 9.4 — Form denetimi kenarlığı (WCAG 1.4.11 Non-text Contrast).
   --line #e9e9e9 beyaz üzerinde 1.21:1 → alan sınırı görünmüyor. */
input:not([type=checkbox]):not([type=radio]),select,textarea,.qin{
  border-color:#8a8a8a;   /* beyaz üzerinde 3.35:1, #f6f6f6 üzerinde 3.10:1 */
}

/* 9.5 — Atlama bağlantısı (WCAG 2.4.1). Öğe krk-motion.js tarafından
   enjekte edilir; burada yalnızca görünümü tanımlı. */
.krk-skiplink{position:absolute;left:-9999px;top:0;z-index:9999;background:#fff;
  color:#2b2b2b;padding:12px 18px;font:600 14px 'Inter',system-ui,sans-serif;
  border:2px solid #a8511f;border-radius:2px;text-decoration:none}
.krk-skiplink:focus{left:8px;top:8px}
[tabindex="-1"]:focus{outline:none}

/* 9.6 — Danışma Kurulu / profil avatarı yedeği: fotoğraf yoksa görünen
   baş harfler #c6c2bd / #f0efed = 1.54:1 ile neredeyse görünmezdi. */
.dk-ava,.pf-ava{color:#6f6a64}
.dk-ava.noimg::before,.pf-ava.noimg::before{color:#6f6a64}

/* 9.7 — Motor CSS'i (krk-nav.js) marka rengini CSS değişkeni
   yerine SABİT hex olarak gömüyor; bu yüzden §9.1'deki token düzeltmesi
   açılır menülere ulaşmıyor. Beyaz panel üzerindeki turuncu metinler
   (#c4622e = 4.09:1, 11px) burada ayrıca düzeltiliyor. */
.knvm a.all,.knvm a:hover{color:#8f4419!important}     /* beyaz üzerinde 6.16:1 */

/* ============================================================
   11) MOBIL HERO ve SERIT — yayin sonrasi duzeltme (29.09.2026)
   Canli sitede telefonda olculdu; uc ayri kusur vardi.

   a) YAN BOSLUK YOK. index.html'de .hero-in{padding:100px 0 110px}
      .wrap'in 26px yan boslugunu SIFIRLIYOR (ayni ogede, sonra gelen
      kural kazaniyor). Masaustunde max-width:1220 payi bunu gizliyor;
      telefonda kap viewport kadar oldugu icin baslik iki kenara
      yapisiyor, ilk harf kirpilmis gorunuyordu. Olcum: h1 sol kenari 0 px.

   b) HERO COK UZUN. Baslik ustunde 274 px bosluk vardi (84 px sabit
      ust bant + 190 px dolgu); hero 886 px, ekran 812 px. Baslik ile
      buton ilk ekranda birlikte gorunmuyordu. .hero'nun kendi dolgusuna
      dokunulmuyor (ust bant sabit, altinda kalan payi o veriyor);
      yalnizca .hero-in'in dolgusu kisaltiliyor.

   c) BOGUK GORUNTU. Perde (.krkveil) 110 derecelik YATAY degrade:
      koyu uc solda (.66), acik uc sagda (.22). Masaustunde metin sol
      yarida durdugu icin sorun cikmiyor; telefonda metin tam genislik
      oldugundan sag tarafi acik zemine dusuyor. Ustune slaytin
      brightness(1.06) filtresi binince beyaz yazinin kontrasti
      iyice dusuyordu. Telefonda perde DIKEYE cevrildi: metnin
      durdugu yer her zaman koyu.

   !important gerekiyor: index.html'de krk-responsive.css'ten SONRA iki
   <style> blogu daha var, ayrica .krkveil/.krkslide stillerini
   krk-enhance.js calisma aninda head'e ekliyor.
   ============================================================ */
@media(max-width:900px){
  .hero>.wrap.hero-in{
    padding-left:22px!important;padding-right:22px!important;
    padding-top:14px!important;padding-bottom:26px!important}

  .krkveil{background:linear-gradient(180deg,
    rgba(16,16,16,.40) 0%,
    rgba(16,16,16,.60) 45%,
    rgba(16,16,16,.82) 100%)!important}

  .krkslide{filter:contrast(1.10) saturate(1.06) brightness(.94)!important}

  /* Serit: sonmus sutunlar telefonda okunmuyordu (.62 cok soluk). */
  .krksh .ktr.kon .kcol{opacity:.85!important}
  .krksh .ktr.kon .kcol.on{opacity:1!important}
}

/* ============================================================
   12) MOBIL ERISILEBILIRLIK — punto tabani ve dokunma hedefleri
   (29.09.2026; her sayfa 375 px'te tek tek olculdu)

   a) EN KUCUK PUNTO. Sitenin "etiket / ust baslik" idiomu 11-11,5 px
      kullaniyor. Masaustunde sorun degil; telefonda okunmuyor.
      Taban 12,5 px'e cekildi. Kurallar dar kapsamli tutuldu: genel bir
      th/tag kurali, hali hazirda dogru olan 14 px basliklari KUCULTURDU.

   b) DOKUNMA HEDEFI. Apple 44 px, Google 48 px taban veriyor. Olcumde
      alt bant baglantilari 17 px, kart baglantilari 29-30 px, sosyal
      ikonlar 19 px cikti.
      Alt banttaki satir ici baglantilarda DIKEY DOLGU kullanildi:
      satir ici bir ogede dikey dolgu satir yuksekligini DEGISTIRMEZ,
      yalnizca tiklanabilir alani buyutur — gorunum aynen kalir.
      Logo disarida tutuldu; o blok bir oge, dolgu onu buyuturdu.
   ============================================================ */
@media(max-width:900px){

  /* --- a) punto tabani --------------------------------------------- */
  .krksh .kf,.kf{font-size:12.5px!important}
  .ekip .wrap>span{font-size:12.5px!important}
  .ekip li a i,.ekip-sabit a i{font-size:12.5px!important}
  .ins .tag{font-size:12px!important}
  .vs th{font-size:12.5px!important}

  /* --- b) dokunma hedefleri ---------------------------------------- */
  footer a:not(.logo),.foot-bot a:not(.logo){padding-top:13px;padding-bottom:13px}
  .contact-line a{display:inline-block;padding:9px 0}
  .fsoc a{min-width:44px;min-height:44px;display:inline-flex;
    align-items:center;justify-content:center;padding:0}
  .go,.more,.totop,.catnav a,.feat a,.ekip-b a,.rh-svc{
    min-height:44px;display:inline-flex;align-items:center}
}

/* Ozgecmis sayfasi baski icin kurgulandi; kenar sutunu 10,8-12 px.
   Telefonda taban 12,5 px. Yazdirmada eski olculer korunur. */
@media(max-width:900px){
  .side .ci,.side li,.side span,.jr,.yr{font-size:12.5px!important;line-height:1.55!important}
  .ci a{display:inline-block;padding:8px 0}
}

/* ============================================================
   13) DANISMA KURULU: telefonda iki sutun  (29.09.2026)
   Sayfa 560 px altinda tek sutuna iniyordu: 12 uye, ~12 ekran kaydirma.
   Iki sutunda liste yariya iniyor ve kurul tek bakista kavraniyor.
   Kolon sayisiyla birlikte kart olculeri de kuculuyor; yoksa 170 px'lik
   kartta 26 px yan dolgu + 190 px avatar + 20,5 px isim tasardi.
   ============================================================ */
@media(max-width:560px){
  .dk-grid{grid-template-columns:1fr 1fr!important}
  .dk-card{padding:24px 10px 20px!important}
  .dk-ava{width:min(84%,124px)!important}
  .dk-nm{margin-top:18px!important;font-size:15px!important;line-height:1.32!important}
}
/* Cok dar telefonlarda (<=360 px) isim iki satiri asabiliyor; punto bir
   kademe daha iner, kart yuksekligi esitlenir. */
@media(max-width:360px){
  .dk-card{padding:20px 6px 16px!important}
  .dk-nm{font-size:14px!important}
}