/* =========================================================
   CILT: v2  — musterinin 29 Agu'da onayladigi anasayfa dili
   =========================================================
   KURAL (burosit ciltiyle ayni): bu dosya v1 dosyalarini (tokens/base/
   components/sections/pages) DUZENLEMEZ, yalnizca gecersiz kilar. Widget
   PHP'lerine dokunulmaz -> icerik, menu ve Elementor duzenlenebilirligi
   tum ciltlerde ortaktir. Geri donus: wp option update vkb_skin burosit

   Kaynak: vkb-build/v2-preview/index.html (musteriye gosterilen statik taslak)
     palet  : koyu zeytin #0E1C18 + kemik #F7F4ED + pirinc #C3A15B, lime korunur
     font   : Libre Bodoni (baslik) + Outfit (UI) — burosit ile ayni ikili
     yuzey  : KESKIN kose (2/4px). burosit'in buyuk yuvarlaklarinin tersi;
              taslakta butonlar 2px, kartlar ve cerceveler kosesiz.

   ERISILEBILIRLIK (hesaplandi, WCAG AA):
     kemik  #F7F4ED uzerinde govde  #4E574F =  6.83:1
     kemik  uzerinde baslik/ink     #0E1C18 = 15.96:1
     zeytin #0E1C18 uzerinde metin  #F4F1E9 = 15.53:1
     zeytin uzerinde pirinc         #C3A15B =  7.15:1  -> koyu zeminde aksan
     lime   #93BF24 uzerinde ink    #0E1C18 =  8.11:1  -> buton
     ACIK ZEMINDE #C3A15B METIN OLARAK KULLANILMAZ (2.23:1, AA'yi gecmez).
     Taslakta etiketler acik zeminde de pirincti; burada acik zemin icin
     karartilmis --vkb-brass-ink #7D6636 kullaniliyor (kemik 5.00, tas 4.54,
     beyaz 5.49 -> ucunde de AA gecer).
   ========================================================= */

body.vkb-site.vkb-skin-v2 {
	/* --- Notr zemin: showroom'un sicak kemik tonu --- */
	--vkb-paper: #F7F4ED;
	--vkb-stone: #EFE9DD;
	--vkb-line: #E3DBCB;

	/* --- Metin --- */
	--vkb-ink: #0E1C18;
	--vkb-body: #4E574F;
	/* Ikincil metin (kirinti, tablo basligi, adim numarasi, surec zamani).
	   #6E766C acik zeminde 3.89-4.28:1 veriyordu — sekiz kullanim yerinin
	   hepsi esigin altindaydi (olculdu). #5F675D en koyu acik yuzeyde
	   (rgb 239,233,221) 4.85, kagitta 5.33. Koyu zeminlerde bu jeton
	   kullanilmiyor; oralarda --vkb-on-dark-muted var. */
	--vkb-muted: #5F675D;

	/* --- Koyu bloklar: lacivert yerine koyu zeytin (dolap rengi) --- */
	--vkb-navy: #0E1C18;
	--vkb-navy-deep: #0A1613;
	--vkb-navy-soft: #14251F;
	--vkb-navy-glow: #1B3028;
	--vkb-line-dark: rgba(244, 241, 233, .16);
	--vkb-on-dark: #F4F1E9;
	--vkb-on-dark-muted: rgba(244, 241, 233, .58);

	/* --- Pirinc: taslagin ikinci aksani. Iki ton, cunku ayni pirinc
	       acik zeminde okunmuyor (yukaridaki olcume bak). --- */
	--vkb-brass: #C3A15B;
	--vkb-brass-ink: #7D6636;
	--vkb-brass-line: rgba(195, 161, 91, .34);

	/* --- Tipografi --- */
	--vkb-font-display: "Libre Bodoni", Georgia, "Times New Roman", serif;
	--vkb-font-ui: "Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
	--vkb-font-accent: "Outfit", var(--vkb-font-ui);

	/* --- Olcu: taslakta govde 1280, bolumler comert nefes aliyor --- */
	--vkb-shell: 1280px;
	--vkb-gutter: clamp(1.25rem, 3.4vw, 3rem);
	--vkb-section-y: clamp(3.5rem, 7.5vw, 6.9rem);

	/* --- Yuzey: KESKIN. burosit'in 10-40px yuvarlaklarini geri alir. --- */
	--vkb-radius: 2px;
	--vkb-radius-lg: 4px;
	--vkb-radius-xl: 4px;
	--vkb-shadow-sm: 0 1px 2px rgba(14, 28, 24, .05), 0 10px 30px rgba(14, 28, 24, .06);
	--vkb-shadow-md: 0 2px 6px rgba(14, 28, 24, .07), 0 24px 60px rgba(14, 28, 24, .10);

	/* --- Hareket: taslagin olculu, kisa gecisi --- */
	--vkb-ease: cubic-bezier(.2, .7, .3, 1);
	--vkb-dur: .34s;
}

/* =========================================================
   Kose keskinligi: burosit hap/kart diline gore yuvarlatilmis
   ogeleri taslagin duz diline dondurur.
   ========================================================= */
body.vkb-site.vkb-skin-v2 .vkb-btn,
body.vkb-site.vkb-skin-v2 .vkb-pill,
body.vkb-site.vkb-skin-v2 .vkb-chip {
	border-radius: var(--vkb-radius);
}

/* =========================================================
   Baslik dili: taslakta basliklar daha sik dokulu ve hafif
   negatif harf araligiyla diziliyor.
   ========================================================= */
body.vkb-site.vkb-skin-v2 h1,
body.vkb-site.vkb-skin-v2 h2,
body.vkb-site.vkb-skin-v2 h3 {
	letter-spacing: -.012em;
	line-height: 1.1;
}

body.vkb-site.vkb-skin-v2 h1 {
	line-height: 1.06;
}

/* =========================================================
   Rakam bantlari (vkb-stats): taslakta rakam PIRINC ve serif,
   altindaki satir normal cumle — v1'deki kucuk buyuk-harf
   etiketi degil.
   ========================================================= */
body.vkb-site.vkb-skin-v2 .vkb-stats__num {
	color: var(--vkb-brass-ink);
	letter-spacing: -.02em;
}

body.vkb-site.vkb-skin-v2 .vkb-stats--dark .vkb-stats__num {
	color: var(--vkb-brass);
}

body.vkb-site.vkb-skin-v2 .vkb-stats__label {
	font-family: var(--vkb-font-ui);
	font-size: .9375rem;
	font-weight: 400;
	letter-spacing: 0;
	text-transform: none;
	line-height: 1.6;
	max-inline-size: 34ch;
}

/* Lime nokta taslakta yok: rakamin yanindaki benek diliyle catisiyor. */
body.vkb-site.vkb-skin-v2 .vkb-stats__dot {
	display: none;
}

/* Etiket (eyebrow) pirinc: acik zeminde koyu ton, koyu zeminde acik ton. */
body.vkb-site.vkb-skin-v2 .vkb-eyebrow {
	color: var(--vkb-brass-ink);
}

body.vkb-site.vkb-skin-v2 .vkb-on-dark-surface .vkb-eyebrow,
body.vkb-site.vkb-skin-v2 .vkb-stats--dark .vkb-eyebrow {
	color: var(--vkb-brass);
}

/* Istisna: PILLI etiket kendi ACIK zeminini tasiyor (soluk lime hap). Koyu
   bolumun icinde olsa bile yazisi koyu kalmali — ustteki kural ona acik
   pirinci veriyordu ve hapin uzerinde 2.21:1 dusuyordu (olculdu). Koyu
   murekkeple 15.8:1. */
body.vkb-site.vkb-skin-v2 .vkb-on-dark-surface .vkb-eyebrow--pill,
body.vkb-site.vkb-skin-v2 .vkb-eyebrow--pill {
	color: var(--vkb-ink);
}

/* =========================================================
   Seffaf (overlay) header, KOYU hero uzerinde
   =========================================================
   v1'de anasayfa hero'su acik zeminliydi; ustteki seffaf header
   bu yuzden koyu metin kullaniyordu. v2'de hero tam kaplama
   fotograf + koyu orgu -> menu, telefon ve logo acik olmali,
   yoksa baglantilar fotografin icinde kayboluyor.
   ========================================================= */
body.vkb-site.vkb-skin-v2.vkb-overlay-header .vkb-header .vkb-menu > li > a,
body.vkb-site.vkb-skin-v2.vkb-overlay-header .vkb-header .vkb-header__phone,
body.vkb-site.vkb-skin-v2.vkb-overlay-header .vkb-header .vkb-menu > li > button {
	color: var(--vkb-on-dark);
}

body.vkb-site.vkb-skin-v2.vkb-overlay-header .vkb-header .vkb-burger__bar {
	background: var(--vkb-on-dark);
}

/* Logo takasi: ustte de acik varyant (koyu zemin) */
body.vkb-site.vkb-skin-v2.vkb-overlay-header .vkb-header .vkb-header__logo img.vkb-logo--dark {
	display: none;
}

body.vkb-site.vkb-skin-v2.vkb-overlay-header .vkb-header .vkb-header__logo img.vkb-logo--light {
	display: block;
}

/* Hero'daki guven satiri fotograf uzerinde soluk kaliyordu. */
body.vkb-site.vkb-skin-v2 .vkb-hero--bg .vkb-hero__trust {
	color: rgba(244, 241, 233, .82);
}

/* Guven seridi: taslakta hero'nun hemen altinda INCE bir bant (~60px).
   v1 marquee'si buyuk punto + genis dolguyla 214px geliyordu. */
body.vkb-site.vkb-skin-v2 .vkb-marquee {
	padding-block: 0;
	background: var(--vkb-navy);
	border-block: 1px solid var(--vkb-line-dark);
}

body.vkb-site.vkb-skin-v2 .vkb-marquee__band {
	padding-block: 1.05rem;
}

body.vkb-site.vkb-skin-v2 .vkb-marquee__unit {
	font-family: var(--vkb-font-ui);
	font-size: .8125rem;
	font-weight: 500;
	letter-spacing: .04em;
	text-transform: none;
	color: var(--vkb-on-dark-muted);
	-webkit-text-stroke: 0;
}

/* =========================================================
   Sabit yazilmis LACIVERTLER  (token olmadiklari icin cilt
   token'larindan etkilenmiyorlar — tek tek eziliyorlar)
   =========================================================
   v1 paletinde bu yuzeyler #0A2540 / rgb(6,24,41) laciverdinden
   turetilmis SABIT rgba degerleriydi. v2'de hero ve bloklar koyu
   ZEYTIN (#0E1C18) oldugu icin yapiskan header mavi bir serit gibi
   duruyordu. Hepsi ayni zeytin ailesine (rgb(10,22,18)) cekildi.
   ========================================================= */

/* Yapiskan header: taslaktaki buzlu cam dili — daha seffaf + blur,
   altinda ince pirinc cizgi. */
body.vkb-site.vkb-skin-v2 .vkb-header.is-stuck {
	background: rgba(10, 22, 18, .84);
	-webkit-backdrop-filter: blur(16px) saturate(140%);
	backdrop-filter: blur(16px) saturate(140%);
	border-block-end: 1px solid var(--vkb-brass-line);
	box-shadow: 0 1px 0 rgba(255, 255, 255, .05), 0 18px 44px -28px rgba(6, 14, 11, .85);
}

/* Cekmece / modal perdeleri */
body.vkb-site.vkb-skin-v2 .vkb-scrim {
	background: rgba(10, 22, 18, .62);
}

body.vkb-site.vkb-skin-v2 .vkb-vmodal__scrim {
	background: rgba(10, 22, 18, .84);
}

/* Fotograf uzerindeki altyazi gradyanlari ve rozetler */
/* Orgu iki metin satirinin durdugu bandi tam kapatmiyordu: parlak banyo
   fotograflarinda lime "BATHROOM" etiketi kayboluyordu. Yatak %55'e kadar
   .88'de tutulur (lime 6.9:1, beyaz 14.9:1), ustte yumusak gecis korunur. */
body.vkb-site.vkb-skin-v2 .vkb-gallery__cap {
	background: linear-gradient(to top,
		rgba(10, 22, 18, .94) 0%,
		rgba(10, 22, 18, .88) 55%,
		rgba(10, 22, 18, .35) 80%,
		rgba(10, 22, 18, 0) 100%);
}

body.vkb-site.vkb-skin-v2 .vkb-vidrev__who {
	background: linear-gradient(to top, rgba(10, 22, 18, .88), rgba(10, 22, 18, 0));
}

body.vkb-site.vkb-skin-v2 .vkb-ba__tag {
	background: rgba(10, 22, 18, .66);
}

/* Ustteki kural IKI etiketi de koyu cama cevirdi, ama sections.css'te
   `--after` icin `color: var(--vkb-ink)` duruyor — koyu yazi koyu camin
   uzerinde kaliyordu (2.62:1, okunmuyordu). Sonra etiketi lime hapina geri
   doner: 8.1:1, once/sonra ayrimi da gorunur kalir. */
body.vkb-site.vkb-skin-v2 .vkb-ba__tag--after {
	background: var(--vkb-lime);
	color: var(--vkb-ink);
}

/* =========================================================
   Marka logolari (ClickUp 869ev9btj)
   =========================================================
   v1 logolari gri tonlu basiyordu (hover'da renkleniyordu). Musteri
   logolari MARKA TANINSIN diye gonderdi; gri ton bu amaci zayiflatiyor.
   v2'de logolar kendi renginde, kutu sakin kalıyor.
   ========================================================= */
body.vkb-site.vkb-skin-v2 .vkb-brands__tile--logo img {
	filter: none;
	opacity: 1;
}

body.vkb-site.vkb-skin-v2 .vkb-brands__tile--logo {
	padding-block: .55rem;
	padding-inline: 1rem;
	background: #fff;
}

body.vkb-site.vkb-skin-v2 .vkb-brands__tile--logo:hover {
	border-color: var(--vkb-brass-line);
}

/* Kapanis bolumu: vitrin fotografinin altindaki randevu butonu (869evb5zt) */
body.vkb-site.vkb-skin-v2 .vkb-cta__panel-cta {
	margin-block-start: 1.25rem;
	display: flex;
	justify-content: center;
}

/* Kapanis panelinde GOMULU form (cabinets sayfasi, 869evb5zt devami):
   Pi Suite kurali — sarmalayici ZEMINSIZ, iframe'e radius YOK. */
body.vkb-site.vkb-skin-v2 .vkb-cta__embed {
	background: transparent;
	padding: 0;
	box-shadow: none;
	border-radius: 0;
}

body.vkb-site.vkb-skin-v2 .vkb-cta__embed iframe {
	inline-size: 100%;
	border: 0;
	border-radius: 0;
	display: block;
	background: transparent;
}