/*
 * Esenkim site stilleri
 * ---------------------
 * Bu dosya daha once mu-plugins/esenkim-footer.php icinde satir ici CSS olarak
 * duruyordu; child tema olmadigi ve tema degistirmek customizer ayarlarini
 * kaybettirecegi icin gecici olarak oraya konulmustu. Child tema kuruldugu
 * icin kurallar asil yerine tasindi.
 *
 * functions.php bu dosyayi filemtime() ile surumleyerek kuyrukluyor, yani
 * her degisiklikte tarayici onbellegi kendiliginden kiriliyor.
 */

/* ---- Esenkim footer ---- */
/* NOT: Elementor bolum (section) seviyesindeki _css_classes'i uygulamiyor;
   tum kurallar WIDGET seviyesindeki siniflara dayaniyor. */

/* Tipografi — referans tasarima gore: linkler 16px, ferah satir araligi */
.ek-contact p,
.ek-desc p,
.ek-links .elementor-icon-list-text{font-size:12px!important;line-height:1.75!important}
.ek-copy p{font-size:12px!important;line-height:1.6!important}

/* logo */
.ek-logo,.ek-logo .elementor-image{text-align:left!important}
.ek-logo img{max-width:160px;height:auto;margin-left:0!important}

/* sutun basliklari — soluk, cizgisiz, harf araligi genis */
.ek-col-title{
	font-size:10px!important;font-weight:600;letter-spacing:.14em;text-transform:uppercase;
	color:#8A93AD!important;margin:0 0 22px
}

/* baglanti listeleri — ferah */
.ek-links .elementor-icon-list-item{margin-bottom:13px}
.ek-links .elementor-icon-list-text{color:#C7CBDA;transition:color .16s}
.ek-links .elementor-icon-list-item:hover .elementor-icon-list-text{color:#fff}
.ek-links .elementor-icon-list-icon{display:none}

/* iletisim + aciklama */
.ek-contact p,.ek-desc p{color:#C7CBDA;margin:0 0 14px}
.ek-desc p{max-width:30ch}
.ek-contact a{color:#C7CBDA;text-decoration:none}
.ek-contact a:hover{color:#fff}

/* sosyal ikonlar — kutusuz, tek renk, sola hizali
   NOT: ElementsKit'in ul sinifi `ekit_social_media` (alt cizgili), widget adi
   `elementskit-social-media` degil. Tarayicidan dogrulandi. */
.ek-social,.ek-social .elementor-widget-container,.ek-social .ekit-wid-con{text-align:left!important}
.ek-social .ekit_social_media{
	display:flex!important;gap:24px;justify-content:flex-start!important;align-items:center;
	text-align:left!important;padding-left:0!important;margin:6px 0 0!important;list-style:none;flex-wrap:wrap
}
.ek-social .ekit_social_media li{margin:0!important;display:inline-flex!important;text-align:left!important}
.ek-social .ekit_social_media li a{
	background:none!important;border:0!important;padding:0!important;
	width:auto!important;height:auto!important;min-width:0!important;border-radius:0!important;
	color:#8A93AD!important;display:inline-flex!important;align-items:center;transition:color .16s
}
.ek-social .ekit_social_media li a:hover{color:#fff!important;background:none!important}
.ek-social .ekit_social_media li a i,
.ek-social .ekit_social_media li a i:before,
.ek-social .ekit_social_media li a svg{font-size:18px!important;width:18px;height:18px;line-height:1;fill:currentColor;color:inherit!important}

/* alt serit — ustunde ince ayirici */
.ek-copy p{margin:0;color:#8A93AD;text-align:center}

/* yukari cik butonu (Sydney .go-top) — duz kareydi; yuvarlak, golgeli, hover'da yukselen */
a.go-top{
	width:44px!important;height:44px!important;line-height:44px!important;
	border-radius:50%!important;
	background:#002033!important;color:#fff!important;
	border:1px solid rgba(255,255,255,.14)!important;
	box-shadow:0 6px 20px rgba(0,0,0,.28)!important;
	display:flex!important;align-items:center;justify-content:center;
	transition:background .18s,transform .18s,box-shadow .18s!important;
	right:24px!important
}
a.go-top:hover{
	background:#00649E!important;
	transform:translateY(-3px);
	box-shadow:0 10px 26px rgba(0,0,0,.36)!important
}
a.go-top i,a.go-top svg{font-size:15px!important;line-height:1!important;margin:0!important}

/* Ana sayfa slider (Prime Slider "Isolate") — skin icerigi ve gorseli tasarim
   geregi dikey diziyor; 960px ustunde yan yana. Mobilde alt alta kalir (dogru olan o).
   Not: bu duzen 2026-08-21 fixture'inda da dikeydi; sonradan bozulmadi, boyle geldi. */
@media (min-width:960px){
	.bdt-prime-slider-skin-isolate .bdt-slideshow-item{
		flex-direction:row!important;align-items:center!important;
		/* Metin ekran kenarina yapismasin: sitenin 1140px'lik icerik
		   konteyneriyle ayni hizada bassin (1440px'te 150px kenar bosluk). */
		padding-left:max(24px,calc((100% - 1140px)/2))!important;
		padding-right:max(24px,calc((100% - 1140px)/2))!important
	}
}

/* ============ Ana sayfa istatistik bolumu (Varyant B) ============
   Yapi ve icerik Elementor'da (counter + icon widget'lari); burada yalnizca stil.
   Bolum seviyesine sinif verilemedigi icin (Elementor uygulamiyor) sutun ve
   bolum secimi :has() ile widget sinifindan yukari dogru yapiliyor. */

/* --- component token'lari --- */
:root{
	--ek-stat-figure:52px;
	--ek-stat-label:13px;
	--ek-stat-icon:20px;
	--ek-stat-chip:44px;
	--ek-stat-figure-color:#004166;
	--ek-stat-accent:#0077BE;
	--ek-stat-label-color:#8B8B8B;
	--ek-stat-chip-bg:#EAF4FB;
	--ek-stat-divider:#E4E9EE;
}

/* ikon: kucuk glif + yumusak kutu */
.ek-stat-icon .elementor-icon{
	width:var(--ek-stat-chip);height:var(--ek-stat-chip);
	background:var(--ek-stat-chip-bg)!important;border-radius:14px;
	display:inline-flex!important;align-items:center;justify-content:center;padding:0!important
}
.ek-stat-icon .elementor-icon i,
.ek-stat-icon .elementor-icon svg{
	font-size:var(--ek-stat-icon)!important;width:var(--ek-stat-icon);height:var(--ek-stat-icon);
	color:var(--ek-stat-accent)!important;fill:var(--ek-stat-accent)
}

/* hizalama: ikon, sayi ve etiket ayni eksende ortali
   (Elementor counter'in sayi sarmalayicisi flex; text-align yetmiyor,
   justify-content gerekiyor) */
.ek-stat-icon .elementor-widget-container,
.ek-stat-icon .elementor-icon-wrapper{text-align:center!important}
.ek-stat .elementor-counter-number-wrapper{justify-content:center!important}
.ek-stat .elementor-counter-title{text-align:center!important}

/* sayi + birim */
.ek-stat .elementor-counter-number-wrapper{
	font-size:var(--ek-stat-figure)!important;font-weight:700!important;
	color:var(--ek-stat-figure-color)!important;line-height:1.05!important;letter-spacing:-.02em
}
/* NOT: Elementor sayiyi prefix VE suffix'e flex-grow:1 vererek ortaliyor.
   Suffix'in flex-grow'unu sifirlayinca ("ton"/"km" sayiya yapissin diye) geriye
   tek basina buyuyen prefix kaliyor ve sayiyi saga itiyor; justify-content da
   ise yaramiyor cunku ortalanacak bosluk kalmiyor. Ikisi birden sifirlanmali. */
.ek-stat .elementor-counter-number-prefix{flex-grow:0!important}
.ek-stat .elementor-counter-number-suffix{
	font-size:18px!important;font-weight:600!important;
	color:var(--ek-stat-accent)!important;flex-grow:0!important
}
/* bosluk yalnizca dolu suffix'e; bos span'e verilirse sayiyi 3px sola kaydiriyor */
.ek-stat .elementor-counter-number-suffix:not(:empty){margin-left:6px}
.ek-stat .elementor-counter-title{
	font-size:var(--ek-stat-label)!important;color:var(--ek-stat-label-color)!important;
	margin-top:12px!important;line-height:1.5!important;font-weight:400!important
}

/* sutunlar arasi ayirici + bolum nefesi */
.elementor-top-section:has(.ek-stat){padding-top:64px!important;padding-bottom:64px!important}
.elementor-column:has(.ek-stat){padding-left:26px;padding-right:26px;border-left:1px solid var(--ek-stat-divider)}
.elementor-container > .elementor-column:has(.ek-stat):first-child{border-left:0}

@media (max-width:1024px){
	.elementor-column:has(.ek-stat){border-left:0}
	:root{--ek-stat-figure:42px}
}

/* mobil */
@media (max-width:767px){
	.ek-desc p{max-width:none}
	.ek-col-title{margin-top:30px;margin-bottom:18px}
	.ek-links .elementor-icon-list-item{margin-bottom:14px}
}

/* ============ Denetim duzeltmeleri (2026-08-22) ============ */

/* --- 01 · Klavye odak halkasi ---
   Tema ve eklentiler :focus ile birlikte outline:none yazan 18-19 kural
   tanimliyor; klavyeyle gezen kullanici nerede oldugunu goremiyordu.
   :focus-visible kullanildigi icin FARE tiklamasinda halka cikmaz —
   yani mevcut gorunum degismez, yalnizca klavyede gorunur. */
:where(a,button,input,select,textarea,summary,[tabindex]:not([tabindex="-1"])):focus-visible{
	outline:2px solid #0077BE!important;
	outline-offset:2px!important
}
/* koyu zeminlerde mavi halka okunmuyor; beyaza cevir */
[data-elementor-type="footer"] :where(a,button,input,textarea):focus-visible,
a.go-top:focus-visible{outline-color:#FFFFFF!important}

/* --- 02 · Mobil yatay tasma ---
   ElementsKit baslik ayiraci: width kapsayicinin tamamina (100%) esitken
   ayrica margin-left:27px aliyor, toplam 17px sagdan tasip sayfayi yana
   kaydiriyordu. Ayiraci saran kutu kirpiliyor: cizgi kapsayici kenarinda
   biter, girinti korunur, tasma biter. 53 sayfanin 40'inda bu ogeden var. */
.ekit_heading_separetor_wraper{max-width:100%!important;overflow:hidden}
.elementskit-border-divider{max-width:100%!important}

/* --- 03 · Dokunma hedefleri ---
   Mobil menu dugmesi 45x29 idi; Apple HIG ve Material'in 44px esiginin
   altinda. Gorsel boyut degismiyor, yalnizca tiklanabilir alan buyuyor. */
.elementskit-menu-hamburger{
	min-width:44px!important;min-height:44px!important;
	display:inline-flex!important;align-items:center;justify-content:center
}
.elementskit-navbar-nav .ekit-menu-nav-link{min-height:44px;align-items:center}

/* footer sosyal ikonlari 18px glif + 24px kutu idi. Negatif margin ile
   dolgu kadar geri alinarak duzen aynen korunuyor, hedef 44px oluyor. */
.ek-social .ekit_social_media li a{
	padding:13px 6px!important;margin:-13px -6px!important
}

/* --- 05 · Baslik hiyerarsisi ---
   ElementsKit bolum alt basligi artik <div> olarak basiliyor (basliktan
   cikarildi). Etiketten miras alinan iki deger burada sabitleniyor;
   olculdu: h3 line-height 1.08 ve capitalize. Bu iki satir olmadan alt
   baslik govde satir araligina (1.68) atliyor ve buyuyor. */
div.ekit-heading--subtitle{line-height:1.08!important;text-transform:capitalize!important}

/* --- Masaustu acilir menu tasmasi ---
   ElementsKit'in acilir panelleri gizliyken bile (visibility:hidden) belge
   genisligini buyutuyor. 1280px'te ucuncu seviye "Kostik Soda" menusu 1319px'e,
   dil menusu 1294px'e uzaniyordu: hem yatay kaydirma hem de menu acildiginda
   ekran disinda kalma sorunu.

   Olculdu: paneller gizlendiginde belge tam 1280px, yani tek sebep bunlar.
   1440px'te en sag panel 1420px'te bitiyor (20px pay), 1920px'te bol yer var —
   bu yuzden kural KOSULSUZ degil, yalnizca dar masaustunde calisiyor.
   Mobil menu farkli bir duzen kullandigi icin min-width ile disarida birakildi. */
@media (min-width:1025px) and (max-width:1400px){
	.elementskit-navbar-nav > li:last-child > .elementskit-submenu-panel{
		left:auto!important;right:0!important
	}
	.elementskit-submenu-panel .elementskit-submenu-panel{
		left:auto!important;right:100%!important
	}
}

/* --- 06 · Blog listesi kontrasti ---
   Tarih/yorum #ADADAD ile beyaz uzerinde 2.24:1 idi (gereken 4.5).
   Ozet metni #777 ile 4.48, sinirin hemen altinda. Yeni tonlar marka
   ailesine yakin mavi-gri; olculen oranlar 5.3:1 ve 8.6:1. */
.elementor-post__meta-data,
.elementor-post__meta-data span,
.elementor-post__meta-data a{color:#5A6B78!important}
.elementor-post__excerpt p{color:#4C4C4C!important}

/* --- 10 · Cok kucuk metin ---
   Footer sutun basliklarini 10px yapmistim; okunabilirlik sinirinin
   altinda kaliyor. Harf araligi ve rengi korunarak 11px'e cikarildi. */
.ek-col-title{font-size:11px!important}

/* Eski Ingilizce footer (#4386) telif satiri: koyu lacivert zeminde
   #004166 ile 1.55:1, pratikte okunmuyor ve 9px. Bu sablon 04. maddede
   tamamen degisecek; o zamana kadar okunur hale getiriliyor. */
.elementor-4386 .elementor-element-174dab35 .elementor-heading-title,
.elementor-4386 .elementor-element-174dab35 .elementor-heading-title a{
	color:#C7CBDA!important;font-size:12px!important
}

/* --- 11 · Form alanlari ---
   15px yazi boyutu iOS Safari'de odaklaninca sayfayi otomatik
   yakinlastiriyor ve duzeni kaydiriyordu. 16px bunu kesin engeller. */
.elementor-field-textual,
.elementor-field-group .elementor-field,
.elementor-form input[type=text],
.elementor-form input[type=email],
.elementor-form input[type=tel],
.elementor-form textarea{font-size:16px!important}

/* ============ Menu acilir oku — ikon fontu yerine CSS ============
   ElementsKit'in ikon fontu (elementskit.woff, 459 KB, woff2 surumu YOK) tum
   sitede yalnizca bes glif icin yukleniyordu. Sosyal ikonlar FontAwesome'a
   cevrildi; geriye tek kalan bu acilir menu okuydu (686 kullanim) ve o da
   widget sablonuna gomulu oldugu icin Elementor'dan degistirilemiyor.

   Ok burada CSS ile ciziliyor, boylece font tamamen dusurulebiliyor.
   Olculdu: ok kutusu 16x11 (aynen korundu), menu ogesi 131px, menu toplam
   642px — degisiklik oncesi ve sonrasi BIREBIR ayni, yani duzen kaymiyor. */
.elementskit-navbar-nav .elementskit-submenu-indicator,
.elementskit-submenu-indicator{
	width:16px!important;height:11px!important;
	padding:0!important;
	display:flex!important;align-items:center;justify-content:center
}
.elementskit-submenu-indicator::before{
	content:""!important;
	width:6px;height:6px;
	border-right:1.5px solid currentColor;
	border-bottom:1.5px solid currentColor;
	transform:rotate(45deg) translate(-1px,-1px);
	display:block
}