/* Yazılıma özel ek stiller: harfli / resimli logo, form tuzak alanı, hata mesajı */
.logo--harf .logo-isaret{font-family:var(--f1);font-weight:800;font-size:1.2rem;letter-spacing:-.02em}
.logo--resim .logo-isaret{background:transparent;overflow:hidden;padding:0}
.logo--resim .logo-isaret img{width:100%;height:100%;object-fit:contain}
.bal{position:absolute!important;left:-9999px!important;width:1px;height:1px;opacity:0}
.d-sonuc.hata{background:#fde8e8;color:#b42318}
.koyu .d-sonuc.hata{background:#3d1414;color:#fca5a5}
.ur-g h3 a:hover{color:var(--ana)}

/* Mobil alt hızlı erişim bandı: tüm temalarda (masaüstünde gizli) */
.sekme--hizli button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;font:inherit;font-size:.66rem;font-weight:600;color:var(--soluk);background:none;border:0;padding:0;cursor:pointer}
.sekme--hizli button i{font-size:1.1rem}
.sekme--hizli .sekme-wa i{color:#25d366}
.sekme--hizli a:active,.sekme--hizli button:active{transform:scale(.94)}

/* ---------- İsfer Mekanik ve Sivas Güç Vinç uyarlamalarından ---------- */
/* Çok öğeli tek gruplu açılır menü (Hizmetlerimiz, 10+ sayfa): ekrandan taşmasın diye 3 sütun, menü öğesinin altında ortalı */
.nv-l2.nv-tek:has(>li:nth-child(10)){display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2px;width:min(840px,calc(100vw - 48px));left:50%;transform:translate(-50%,8px)}
.nv-o:hover>.nv-l2.nv-tek:has(>li:nth-child(10)),.nv-o:focus-within>.nv-l2.nv-tek:has(>li:nth-child(10)),.nv-o.acik>.nv-l2.nv-tek:has(>li:nth-child(10)){transform:translate(-50%,0)}
/* Sayfa fotoğrafı dikeyse (sayfalar.php kr-foto--dik): fotoğrafın tamamı, kendi bulanık kopyası zemininde */
.kr-foto--dik a{position:relative;overflow:hidden;border-radius:var(--r,20px);background:var(--yuzey2)}
.kr-foto--dik a::before{content:'';position:absolute;inset:-30px;background:var(--kr-zemin) center/cover;filter:blur(28px) brightness(.8)}
.kr-foto--dik img{position:relative;aspect-ratio:16/10;object-fit:contain;border-radius:0}
/* Ana sayfa ilçe çipleri */
.hl-ilceler{flex-wrap:wrap}

/* Yatay logo görseli: gündüz mavi-kırmızı, gece açık renkli kopyası (html.koyu) */
.logo--yatay{display:inline-flex;align-items:center;flex:none}
.logo--yatay img{height:58px;width:auto;display:block}
.logo--yatay .logo-gece,.koyu .logo--yatay .logo-gunduz{display:none}
.koyu .logo--yatay .logo-gece{display:block}
.logo--kucuk.logo--yatay img{height:44px}
.ab .logo--yatay img{height:64px}
@media (max-width:760px){.logo--yatay img{height:46px}}

/* Gece / gündüz düğmesi */
.mod-dugme{width:44px;height:44px;flex:none;display:grid;place-items:center;border-radius:12px;border:1px solid var(--cizgi);background:var(--yuzey);color:var(--yazi);font-size:1.05rem;cursor:pointer;transition:border-color .2s,color .2s,transform .2s}
.mod-dugme:hover{border-color:var(--ana);color:var(--ana)}
.mod-dugme:active{transform:scale(.92)}
.mod-dugme .mod-gunes,.koyu .mod-dugme .mod-ay{display:none}
.koyu .mod-dugme .mod-gunes{display:inline-block;color:#fbbf24}
/* Mod geçişinde renkler yumuşak değişsin (yalnız düğmeye basınca, ilk açılışta değil) */
html.mod-gecis,html.mod-gecis *,html.mod-gecis *::before,html.mod-gecis *::after{transition:background-color .35s,border-color .35s,color .35s!important}

/* Proje mozaiği mobilde 2 sütun: 1 geniş + 4 kare boşluksuz dolsun diye 6. kare aramada değilken gizli */
@media (max-width:760px){.kg-mozaik:not(.kg-araniyor) .kg-m:nth-child(6){display:none}}

/* Üst çubuk bağlantıları */
.kg-ustbar a{color:inherit}
.kg-ustbar a:hover{text-decoration:underline}

/* Gece modu ince ayarları */
.koyu .kg-ust.kaydi{box-shadow:0 10px 28px -16px rgba(0,0,0,.8)}
.koyu .kg-m img,.koyu .ur-foto img,.koyu .kt-kart img{filter:brightness(.92)}
.koyu .rf img{filter:grayscale(1) invert(1) brightness(1.4);opacity:.75}
.koyu .fk-kod-ic img{border-color:#3a4a63}

/* Form güvenlik kodu ve KVKK onayı */
.fk-kod{display:flex;flex-direction:column;gap:.4rem}
.fk-kod-et{font-size:.86rem;font-weight:600}
.fk-kod-ic{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.fk-kod-ic img{width:150px;height:48px;border-radius:10px;border:1px solid var(--cizgi);background:#f6f5ee;image-rendering:pixelated}
.fk-kod-yenile{width:44px;height:44px;border-radius:12px;border:1px solid var(--cizgi);background:var(--yuzey);color:var(--ana);font-size:1.2rem;cursor:pointer}
.fk-kod-yenile:hover{border-color:var(--ana)}
.fk .fk-kod-ic input{flex:1;width:auto;min-width:150px;letter-spacing:.3em;font-weight:700}
.fk-kod-ic input::placeholder{letter-spacing:normal;font-weight:400}
.fk-robot{min-height:78px}
.fk-onay{display:flex!important;flex-direction:row!important;align-items:flex-start;gap:.6rem;font-size:.85rem;color:var(--soluk);line-height:1.45}
.fk .fk-onay input{width:18px;height:18px;min-height:0;flex:none;margin-top:2px;accent-color:var(--ana)}
.fk-onay a{color:var(--ana);text-decoration:underline}

/* Fotoğrafsız sayfa başlığı: sağda sayfaya ait büyük simge */
.sb-ic:has(.sb-ikon){grid-template-columns:1.2fr .8fr}
.sb-ikon{position:relative;justify-self:center;display:grid;place-items:center;width:min(260px,100%);aspect-ratio:1;border-radius:50%;pointer-events:none;
  background:radial-gradient(circle at 38% 36%,color-mix(in srgb,var(--ana) 16%,transparent),color-mix(in srgb,var(--ana) 5%,transparent) 58%,transparent 71%);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--ana) 14%,transparent)}
.sb-ikon>i{font-size:clamp(5rem,9vw,7.5rem);color:var(--ana);opacity:.3;transform:rotate(-8deg)}
.sb-ikon>i+i{position:absolute;right:12%;bottom:14%;font-size:clamp(1.8rem,3vw,2.5rem);opacity:.55;transform:rotate(12deg)}
@media (max-width:760px){
  .sb{position:relative;overflow:hidden}
  .sb-ic:has(.sb-ikon){grid-template-columns:1fr}
  .sb-ikon{position:absolute;top:10px;right:-36px;width:180px}
  .sb-ikon>i{font-size:5.4rem;opacity:.14}
  .sb-ikon>i+i{display:none}
}

/* İletişim kanalları: üstte küçük etiket, altında değer */
.il-kanallar a>span{display:flex;flex-direction:column;gap:.15rem;line-height:1.3;min-width:0}
.il-kanallar a>span b{overflow-wrap:anywhere}
/* Yetkililer */
.yk{margin-bottom:1rem}
.yk-liste{list-style:none;margin:.8rem 0 0;padding:0;display:grid;gap:.2rem}
.yk-liste li{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.3rem 1rem;padding:.7rem 0;border-bottom:1px dashed var(--cizgi)}
.yk-liste li:last-child{border-bottom:0;padding-bottom:0}
.yk-ad{display:flex;flex-direction:column;line-height:1.3}
.yk-ad small{color:var(--soluk);font-size:.8rem}
.yk-bag{display:flex;flex-direction:column;align-items:flex-end;gap:.2rem;font-size:.9rem}
.yk-bag a{display:inline-flex;align-items:center;gap:.45rem;font-weight:600;overflow-wrap:anywhere}
.yk-bag a:hover{color:var(--ana)}
.yk-bag i{color:var(--ana);font-size:.85rem}
@media (max-width:480px){.yk-bag{align-items:flex-start}}

/* Alt bilgi */
.ab-s h3{font-size:.95rem;margin:0 0 .8rem}
.ab-yasal{display:flex;align-items:flex-start;gap:.6rem;margin-top:2rem;padding:.9rem 1rem;border-radius:var(--rb,12px);background:var(--yuzey);border:1px solid var(--cizgi);color:var(--soluk);font-size:.84rem}
.ab-yasal i{color:var(--ana);margin-top:.15rem}
.ab-yasal a{color:var(--ana);text-decoration:underline}
.ab-son a{color:var(--ana)}
.ab-son a:hover{text-decoration:underline}

/* Sayfa içi tablolar (iş deneyimi, ekipman): yatay kaydırmalı, gece modunda okunur */
.icerik-metin .tablo-kap{overflow-x:auto;margin:1.2rem 0;border:1px solid var(--cizgi);border-radius:var(--rb,12px)}
.icerik-metin table{width:100%;border-collapse:collapse;font-size:.92rem;min-width:620px}
.icerik-metin th,.icerik-metin td{padding:.65rem .8rem;border-bottom:1px solid var(--cizgi);text-align:left;vertical-align:top}
.icerik-metin thead th{background:var(--yuzey2);font-size:.8rem;text-transform:uppercase;letter-spacing:.04em;color:var(--soluk)}
.icerik-metin tbody tr:last-child td{border-bottom:0}
.icerik-metin td small{display:block;color:var(--soluk)}

/* ---------- Vizyon Yapı ---------- */
/* Uygulama temasında düğme degradesi teklif kutusunun (aynı degrade zemin) beyaz düğmesini eziyordu: yazı zeminde kayboluyordu */
.k-uygulama .tk-kutu .btn--ana{background:var(--anaYazi,#fff);color:var(--ana)}
/* Sayfa içi marka logoları (Çalıştığımız Markalar) */
.icerik-metin .mk-logolar{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.8rem;margin:1.4rem 0;padding:0;list-style:none}
.icerik-metin .mk-logolar li{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;margin:0;padding:1rem .8rem;border:1px solid var(--cizgi);border-radius:var(--rb,14px);background:#fff;text-align:center}
.icerik-metin .mk-logolar li::before{display:none}
.icerik-metin .mk-logolar img{width:100%;height:56px;object-fit:contain;margin:0;border-radius:0}
.icerik-metin .mk-logolar small{font-size:.78rem;color:var(--soluk);line-height:1.3}
/* Proje detayı: 5 küçük fotoğraftan fazlası varsa sonuncusunda "+N"; gizli olanlar büyüteçte gezilir */
.ud-kucukler a[hidden]{display:none}
.ud-kucukler a.ud-daha{position:relative}
.ud-kucukler a.ud-daha::after{content:attr(data-daha);position:absolute;inset:0;display:grid;place-items:center;background:rgba(8,24,40,.55);color:#fff;font-weight:800;font-size:1.35rem}
/* Yazı ve sayfa içi fotoğraf ızgarası */
.icerik-metin .foto-izgara{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:.6rem;margin:1.2rem 0}
.icerik-metin .foto-izgara figure{margin:0}
.icerik-metin .foto-izgara img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:var(--rb,12px);margin:0}