/* ==========================================================================
   KDRASIL — sehir, veri ve mekan uzerine arastirma laboratuvari

   PALET FELSEFESI
   Zemin sessiz, renk sistematik. Butun renk enerjisi kategorilerde,
   haritalarda ve grafiklerdedir; zemin onlara yer acar.

   Neden boyle: logo bastan asagi renkli (yesil, kirmizi, mor, mavi...).
   Baskin tek bir zemin rengi onunla cekisiyordu. Zemin cekilince logo
   sayfanin tek renk odagi olur.

   Kategori renkleri ayni zamanda VERI paletidir: harita ve grafiklerde de
   ayni set kullanilir, boylece site ile icerik ayni dili konusur.
   ========================================================================== */

:root {
	/* --- Zemin ve murekkep --- */
	--kume-paper:        #FBFAF8;   /* sayfa zemini */
	--kume-surface:      #FFFFFF;   /* kart, acilir menu gibi yuzeyler */
	--kume-ink:          #16181A;   /* baslik ve guclu metin */
	--kume-ink-body:     #2B2F33;   /* govde metni */
	--kume-ink-soft:     #5C6166;   /* meta, tarih, aciklama */
	--kume-line:         rgba(22, 24, 26, .12);
	--kume-placeholder:  #E4E1DD;   /* gorseli olmayan kart zemini */
	--kume-dropdown:     rgba(255,255,255,.94);  /* acilir menu zemini */
	--kume-panel-ink:    #16181A;   /* koyu panelin zemini */

	/* --- Aksanlar --- */
	--kume-accent:       #0F4C5C;   /* derin deniz — yazi, baglanti, vurgu */
	--kume-accent-deep:  #0A3A46;   /* ustune binen yuzeyler */
	/* Buyuk dolu yuzeyler (panel, alt bilgi) AYRI bir token.
	   Sebep: karanlik temada aksan YAZI icin acilmali (okunurluk), ama
	   buyuk yuzey KOYULASMALI — yoksa koyu sitede kocaman parlak bir blok
	   olusuyor. Tek token ikisini birden karsilayamiyor. */
	--kume-accent-surface: #0F4C5C;
	--kume-action:       #D65A1E;   /* mesaha turuncusu — seyrek, eylem */

	/* --- ESKI ADLAR (geriye uyum) ---
	   Bu adlar CSS'in her yerine dagilmis durumda ve WordPress'e yapistirilmis
	   isaretlemede de geciyor (ornegin .kume-panel--maroon). Tek tek degistirmek
	   yerine yeni degerlere baglaniyorlar; boylece hicbir kullanim kacmiyor. */
	--kume-maroon:       var(--kume-accent);
	--kume-maroon-deep:  var(--kume-accent-deep);
	--kume-bg:           var(--kume-paper);
	--kume-ink-strong:   var(--kume-ink);

	--kume-ease:         cubic-bezier(.16, 1, .3, 1);
	--kume-ease-soft:    cubic-bezier(.22, .61, .36, 1);

	/* Hareket hizi tek noktadan. Butun gecisler bunlarin katlari.
	   Yavaslatmak istersen sadece bu ikisini buyut. */
	--kume-slow:         .55s;   /* scroll ile belirme */
	--kume-quick:        .3s;    /* hover, renk donusu */

	--kume-track:        .18em;
	--kume-track-wide:   .34em;

	/* Icerik genisligi — hem Blocksy kapsayicisi hem tema duzenleri */
	--kume-max:          1500px;

	/* IKI YAZI TIPI, baska yok.
	   Sans: arayuzun tamami — menu, baslik, buton, kart, etiket, panel.
	   Serif: yalnizca blog yazisinin govdesi. */
	--kume-sans:  "Geist", "Helvetica Neue", Helvetica, Arial, sans-serif;
	--kume-serif: "Times New Roman", Times, Georgia, serif;
}

/* --- Blocksy paleti devralindi: butonlar, linkler, bloklar hep birden doner --- */
:root {
	--theme-palette-color-1: #0F4C5C;   /* aksan */
	--theme-palette-color-2: #D65A1E;   /* eylem */
	--theme-palette-color-3: #2B2F33;   /* govde */
	--theme-palette-color-4: #16181A;   /* murekkep */
	--theme-palette-color-5: #E6E3DE;   /* cizgi/kenarlik */
	--theme-palette-color-6: #F2F0EC;   /* ikincil zemin */
	--theme-palette-color-7: #FBFAF8;   /* kagit */
	--theme-palette-color-8: #FFFFFF;   /* yuzey */

	--theme-font-family: var(--kume-sans);
	--theme-letter-spacing: .012em;
	--theme-line-height: 1.75;
	--theme-link-hover-color: var(--kume-maroon);
	--theme-selection-background-color: var(--kume-maroon);
	--theme-selection-text-color: #fff;
	--theme-border-color: var(--kume-line);

	/* Sayfa genisligi.
	   !important sart: Blocksy, Ozellestirici ayarlarini govde stillerinden
	   SONRA satir ici bir <style> olarak basiyor ve ayni ozgullukte sonra
	   gelen kazandigi icin 1290px geri geliyordu. */
	--theme-normal-container-max-width: var(--kume-max) !important;
	--theme-content-vertical-spacing: 40px;
}

/* ==========================================================================
   KARANLIK TEMA

   Tek blok: `<html data-theme="dark">`. Isletim sistemi tercihini ayri bir
   medya sorgusuyla TEKRARLAMIYORUZ — ayni degerleri iki yerde tutmak, birini
   guncelleyip digerini unutmaya davetiye. Bunun yerine head'deki kucuk betik
   tercihi (kayitli secim ya da OS tercihi) okuyup data-theme'i ilk boyamadan
   once yaziyor.
   ========================================================================== */

:root[data-theme="dark"] {
	--kume-paper:        #121417;
	--kume-surface:      #191C20;
	--kume-ink:          #F2F1EE;
	--kume-ink-body:     #C9CDD2;
	--kume-ink-soft:     #8B9299;
	--kume-line:         rgba(242, 241, 238, .14);
	--kume-placeholder:  #23272C;
	--kume-dropdown:     rgba(25,28,32,.96);
	--kume-panel-ink:    #08090B;

	/* Aksan YAZI icin acilir, YUZEY icin koyulasir */
	--kume-accent:         #3E93A8;
	--kume-accent-deep:    #07272F;
	--kume-accent-surface: #0C3A46;
	--kume-action:       #E87A45;

	--theme-palette-color-1: #3E93A8;
	--theme-palette-color-2: #E87A45;
	--theme-palette-color-3: #C9CDD2;
	--theme-palette-color-4: #F2F1EE;
	--theme-palette-color-5: #2A2E33;
	--theme-palette-color-6: #1D2126;
	--theme-palette-color-7: #121417;
	--theme-palette-color-8: #191C20;
}

/* Tema degisince renkler ani zıplamasin */
body,
#header,
.kume-card,
.kume-project,
.kume-panel { transition: background-color .3s var(--kume-ease-soft), color .3s var(--kume-ease-soft); }

/* Tema anahtarina basildigi AN gecisler kapanir.
   Sebep: menu tonu ("zemin acik mi koyu mu") zeminin gercek renginden
   olculuyor. Renkler yumusak gecerken olcum ARA bir renge denk geliyordu ve
   menu acik/koyu arasinda gidip gelirken bir an okunmaz kaliyordu. Once renk
   aninda oturuyor, sonra olculuyor, sonra gecisler geri aciliyor. */
html.kume-theming,
html.kume-theming *,
html.kume-theming *::before,
html.kume-theming *::after {
	transition: none !important;
	animation-duration: 0s !important;
}

html { scroll-behavior: smooth; }

body {
	background: var(--kume-bg);
	color: var(--kume-ink-body);
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
}

::selection { background: var(--kume-maroon); color: #fff; }
:root[data-theme="dark"] ::selection { color: #0A1416; }

/* Klavye odagi her zaman gorunur olsun.
   Bu temada altcizgiler ve cerceveler kaldirildigi icin tarayicinin kendi
   odak halkasi cogu yerde kayboluyordu; klavyeyle gezen biri nerede oldugunu
   goremez hale geliyordu. :focus-visible fareyle tiklamada tetiklenmez. */
:focus-visible {
	outline: 2px solid var(--kume-maroon);
	outline-offset: 3px;
}
/* Koyu zeminlerde aksan halkasi gorunmez — beyaza cevir */
.kume-hero :focus-visible,
.kume-panel--maroon :focus-visible,
.kume-panel--ink :focus-visible,
#footer :focus-visible {
	outline-color: #fff;
}

/* Ince, aksan renginde kaydirma cubugu.
   `*` yerine yalniz kok ogede: her ogeye uygulamak gereksiz is cikariyor. */
html { scrollbar-width: thin; scrollbar-color: var(--kume-accent) var(--kume-paper); }
::-webkit-scrollbar { width: 9px; height: 9px; }
::-webkit-scrollbar-track { background: var(--kume-paper); }
::-webkit-scrollbar-thumb { background: var(--kume-accent); }

/* ==========================================================================
   1. TIPOGRAFI
   ========================================================================== */

h1, h2, h3, h4, h5, h6 {
	font-family: var(--kume-sans);
	color: var(--kume-ink-strong);
	font-weight: 300;
	letter-spacing: .06em;
	line-height: 1.22;
}

/* Bolum basliklari: Kume'nin "kucuk etiket + buyuk kelime" ritmi.
   Kart basliklari (entry-title / post-title) bunun disinda kalir. */
.entry-content h2:not(.entry-title):not(.wp-block-post-title),
.entry-content h3:not(.entry-title):not(.wp-block-post-title),
.ct-block-title,
.entries-header h2 {
	text-transform: uppercase;
	letter-spacing: var(--kume-track);
	font-weight: 300;
}

/* Basligin ustunde kisa aksan cizgisi, scroll ile cizilir */
.entry-content h2:not(.entry-title):not(.wp-block-post-title)::before,
.entry-content h3:not(.entry-title):not(.wp-block-post-title)::before {
	content: "";
	display: block;
	width: 42px;
	height: 1px;
	background: var(--kume-maroon);
	margin-bottom: 1.1em;
	transform-origin: left;
	transform: scaleX(0);
	transition: transform .5s .08s var(--kume-ease);
}
.entry-content h2.is-in::before,
.entry-content h3.is-in::before { transform: scaleX(1); }

p { letter-spacing: .012em; }

/* ==========================================================================
   2. BASLIK / MENU
   ========================================================================== */

header#header,
#header .ct-header {
	transition: background-color .36s var(--kume-ease-soft),
	            box-shadow .36s var(--kume-ease-soft);
}

/* Kapak gorseli olan sayfalarda baslik serbest yuzer */
body.kume-overlay-header #header {
	position: fixed;
	top: 0; left: 0; right: 0;
	z-index: 120;
}

/* Kahramanin ustundeyken tamamen seffaf.
   DIKKAT: asagidaki "kapak olmayan sayfa" kurali ile ayni ozgullukte olmasin —
   ikisi de !important tasiyor ve esitlikte sonra gelen kazanir. `:not()`
   buraya bir sinif degeri daha katiyor, boylece bu kural once gelmese de
   kazanir. */
body.kume-overlay-header:not(.kume-scrolled) #header,
body.kume-overlay-header:not(.kume-scrolled) #header [data-row] {
	background: transparent !important;
	-webkit-backdrop-filter: none;
	backdrop-filter: none;
}

/* --- Menunun zemine uyum saglamasi -------------------------------------
   Sabit bir yari saydam serit her zeminde calismiyordu: bordo panelin
   ustunde pembeye, koyu panelin ustunde griye donup sirittyordu. Cozum
   serit koymamak — menu tamamen seffaf kalir, yalnizca YAZI RENGI altindaki
   zemine gore doner. kume.js zemini olcup govdeye .kume-tone-dark ya da
   .kume-tone-light ekler.
   ---------------------------------------------------------------------- */

/* Zemini yalnizca baslik icerigin UZERINE bindigi sayfalarda siliyoruz.
   Normal akistaki bir baslikta zemini silmek onu kagit uzerinde birakir;
   yazi beyaza donunce menu tamamen gorunmez olur. */
body.kume-has-tone.kume-overlay-header #header,
body.kume-has-tone.kume-overlay-header #header [data-row] {
	background: transparent !important;
	-webkit-backdrop-filter: none;
	backdrop-filter: none;
	box-shadow: none;
}

/* Koyu zemin (kapak gorseli, bordo panel, koyu panel) → beyaz yazi */
body.kume-tone-dark #header .ct-menu-link,
body.kume-tone-dark #header .site-title,
body.kume-tone-dark #header .site-title a,
body.kume-tone-dark #header .ct-toggle svg {
	color: #fff;
	fill: #fff;
}

/* Acik zemin (kagit panel, normal sayfalar) → koyu yazi */
body.kume-tone-light #header .ct-menu-link,
body.kume-tone-light #header .site-title,
body.kume-tone-light #header .site-title a,
body.kume-tone-light #header .ct-toggle svg {
	color: var(--kume-ink-strong);
	fill: var(--kume-ink-strong);
}

/* Renk gecisi ani olmasin — bolumden bolume yumusakca donsun */
#header .ct-menu-link,
#header .site-title,
#header .site-title a,
#header .ct-toggle svg {
	transition: color .27s var(--kume-ease-soft), fill .27s var(--kume-ease-soft);
}

/* Alt menu (Yazilar > kategoriler) */
#header .sub-menu {
	background: rgba(245, 245, 245, .88) !important;
	-webkit-backdrop-filter: saturate(150%) blur(18px);
	backdrop-filter: saturate(150%) blur(18px);
	border: 1px solid var(--kume-line);
	border-radius: 0 !important;
	box-shadow: 0 18px 46px rgba(26, 26, 26, .10);
	padding: 6px 0;
	min-width: 240px;

	/* Blocksy acilir menuyu `top:100%` ile konumlandirir; yani menu
	   maddesinin KUTUSUNUN altina. Logo buyuk oldugu icin baslik satiri
	   120px yuksekliginde ve kutu yaziyi cok asiyor — kutu yaziyla arasinda
	   60px'e yakin bosluk birakiyordu. Yukari cekiyoruz. Ust uste binmesi
	   sorun degil, isaretci hala ayni maddenin icinde kaldigi icin hover
	   kopmuyor. */
	margin-top: -26px;
}
/* Acilir menu bir YUZEY, serit degil — kendi zeminini tasimasi dogru.
   Ama zemini her zaman acik oldugu icin yazisi da her zaman koyu olmali;
   yoksa koyu bolumlerdeyken beyaz yazi beyaz kutuda kayboluyor. */
#header .sub-menu .ct-menu-link,
body.kume-tone-dark #header .sub-menu .ct-menu-link,
body.kume-tone-light #header .sub-menu .ct-menu-link {
	color: var(--kume-ink-strong);
	fill: var(--kume-ink-strong);
	/* Kategori adlari kucuk harfle yazilmis olabilir ("nedir?") — bozmayalim */
	text-transform: none;
	font-size: 14px;
	letter-spacing: .04em;
	padding: 9px 22px;
}
#header .sub-menu .menu-item > .ct-menu-link::after { bottom: .5em; left: 22px; right: 22px; }

/* Baslik satiri icerikle ayni genislikte olsun: logo tam solda, menu ve
   arama tam sagda — ikisi de 1500px'lik kapsayicinin kenarlarina yaslansin. */
#header [data-row] > .ct-container {
	max-width: var(--kume-max);
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 24px;
}
#header [data-column="start"] { margin-right: auto; }
#header [data-column="end"]   { margin-left: auto; }

/* Menu baglantilari: kucuk, genis aralikli, alttan gelen cizgi */
#header .ct-menu-link {
	text-transform: uppercase;
	font-size: 13.5px;
	font-weight: 400;
	letter-spacing: var(--kume-track);
	position: relative;
}
#header .menu-item > .ct-menu-link::after {
	content: "";
	position: absolute;
	left: 0; right: 0; bottom: .35em;
	height: 1px;
	background: currentColor;
	transform: scaleX(0);
	transform-origin: right;
	transition: transform .36s var(--kume-ease);
}
#header .menu-item:hover > .ct-menu-link::after,
#header .menu-item.current-menu-item > .ct-menu-link::after {
	transform: scaleX(1);
	transform-origin: left;
}

/* Blocksy'nin dolgulu aktif menu rozetini kaldir */
#header .menu-item.current-menu-item > .ct-menu-link { background: none !important; }

/* Logo kaydirinca hafifce kuculur */
#header .site-logo-container img,
#header .site-title {
	transition: transform .48s var(--kume-ease), opacity .36s;
}
body.kume-scrolled #header .site-logo-container img { transform: scale(.88); }

/* ==========================================================================
   3. KAHRAMAN (KAPAK BLOGU)
   ========================================================================== */

/* Kapak ekranin EN TEPESINDEN baslamali.
   Blocksy araya iki sey koyuyor: icerik kapsayicisinin 60px ust boslugu ve
   sayfa basligi seridi (.hero-section, ~37px). Ikisi birlikte kapagi 137px
   asagi itiyordu; sabit menu de kapagin degil o beyaz seridin ustunde
   kaliyordu — hem gorunum bozuluyordu hem menu rengi yanlis hesaplaniyordu.
   Alt bosluk da sifirlaniyor, yoksa son panelle alt bilgi arasinda kagit
   renginde bir dikis kaliyor. */
body.kume-overlay-header #main > [class*="ct-container"] {
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}

/* Blocksy'nin sayfa basligi seridi hicbir SAYFADA gorunmesin — "Hakkımda",
   "Projeler", "İletişim" gibi basliklar zaten sayfanin kendi icinde yaziyor,
   ustte bir kez daha tekrarlanmasi gereksiz.
   Yazi ve arsiv sayfalarinda basligin islevi var, oralara dokunulmuyor. */
body.page .hero-section { display: none; }

.kume-hero.wp-block-cover {
	/* svh'yi bilmeyen tarayicilar icin once vh: mobilde adres cubugu
	   kayarken kirpilma olmasin diye asil deger svh. */
	min-height: 100vh;
	min-height: 100svh;
	align-items: flex-end;
	justify-content: flex-start;
	padding: 0 0 13vh;
	overflow: hidden;
}

/* Alttan yukselen koyulastirma — yazi her gorselde okunur kalsin */
.kume-hero.wp-block-cover::after {
	content: "";
	position: absolute;
	inset: 0;
	pointer-events: none;
	background: linear-gradient(to top,
		rgba(20, 8, 8, .72) 0%,
		rgba(20, 8, 8, .34) 38%,
		rgba(20, 8, 8, .10) 70%,
		rgba(20, 8, 8, .30) 100%);
}

.kume-hero .wp-block-cover__inner-container {
	position: relative;
	z-index: 2;
	max-width: none;
	width: 100%;
	padding-inline: clamp(24px, 7vw, 120px);
	text-align: left;
	margin: 0;
}

/* WordPress "kisitlanmis yerlesim" kapsayicinin COCUKLARINI ortalayip
   icerik genisligine sikistiriyor; bu yuzden baslik sayfanin ortasina
   dogru kayiyordu. Kahramanda istedigimiz sol kenara yaslanmasi. */
.kume-hero .wp-block-cover__inner-container > * {
	max-width: none !important;
	margin-inline: 0 !important;
}

.kume-hero h1,
.kume-hero h2,
.kume-hero h3,
.kume-hero .has-large-font-size {
	color: #fff;
	font-size: clamp(2.1rem, 6.4vw, 6.6rem) !important;
	font-weight: 200;
	text-transform: uppercase;
	letter-spacing: var(--kume-track);
	line-height: 1.14;
	max-width: 18ch;
	margin: 0 0 1.6rem;
	text-shadow: 0 2px 40px rgba(0, 0, 0, .35);
}

.kume-hero p { color: rgba(255, 255, 255, .86); }

/* Buyuk basligin ustundeki kucuk etiket.
   Blok ayarlari > Gelismis > Ek CSS sinifi alanina "kume-eyebrow" yazilarak
   herhangi bir paragrafa verilebilir. */
.kume-eyebrow {
	margin: 0 0 18px;
	font-size: 11px;
	font-weight: 400;
	letter-spacing: var(--kume-track-wide);
	text-transform: uppercase;
	color: var(--kume-maroon);
}
/* Koyu zeminlerde bordo okunmaz — beyaza don */
.kume-hero .kume-eyebrow,
.kume-panel--maroon .kume-eyebrow,
.kume-panel--ink .kume-eyebrow { color: rgba(255, 255, 255, .82); }

/* Kapak gorselinin yavas yaklasmasi */
.kume-hero .wp-block-cover__image-background {
	transform: scale(1.06);
	transition: transform 6s linear;
}
.kume-hero.is-in .wp-block-cover__image-background { transform: scale(1); }


/* ==========================================================================
   4. HAREKET — scroll ile beliren ogeler
   ========================================================================== */

.kume-reveal {
	opacity: 0;
	transform: translateY(34px);
	transition:
		opacity var(--kume-slow) var(--kume-ease) var(--kume-d, 0s),
		transform var(--kume-slow) var(--kume-ease) var(--kume-d, 0s);
	will-change: opacity, transform;
}
.kume-reveal.is-in { opacity: 1; transform: none; }

/* Gorseller asagidan yukari acilarak girer.
   ONEMLI: kirpma kapsayicinin kendisine degil, icindeki gorsele uygulanir.
   Tamamen kirpilmis bir oge IntersectionObserver'a "gorunmuyor" gelir ve
   animasyon hic tetiklenmez. */
.kume-wipe > img,
.kume-wipe > a > img,
.kume-wipe > picture,
.kume-wipe > video {
	clip-path: inset(0 0 100% 0);
	transition: clip-path .75s var(--kume-ease) var(--kume-d, 0s);
	will-change: clip-path;
}
.kume-wipe.is-in > img,
.kume-wipe.is-in > a > img,
.kume-wipe.is-in > picture,
.kume-wipe.is-in > video { clip-path: inset(0 0 0 0); }

/* ==========================================================================
   5. KARTLAR / YAZI LISTESI
   ========================================================================== */

.entries .entry-card,
.wp-block-post {
	background: var(--kume-surface);
	border-radius: 0 !important;
	border: 1px solid transparent;
	transition:
		transform .42s var(--kume-ease),
		box-shadow .42s var(--kume-ease),
		border-color .42s var(--kume-ease);
}
.entries .entry-card:hover,
.wp-block-post:hover {
	transform: translateY(-7px);
	box-shadow: 0 22px 60px rgba(26, 26, 26, .12);
	border-color: var(--kume-line);
}

.entries .entry-card .ct-media-container,
.entries .entry-card .ct-image-container,
.wp-block-post-featured-image {
	overflow: hidden;
	border-radius: 0 !important;
}
.entries .entry-card img,
.wp-block-post-featured-image img {
	border-radius: 0 !important;
	transition: transform .84s var(--kume-ease);
}
.entries .entry-card:hover img,
.wp-block-post:hover .wp-block-post-featured-image img { transform: scale(1.08); }

/* Kategori etiketi: dolu bordo kucuk blok */
.entry-card .ct-meta-element-categories a,
.wp-block-post-terms a {
	background: var(--kume-accent-surface);
	color: #fff !important;
	padding: 4px 10px;
	font-size: 10px;
	letter-spacing: var(--kume-track);
	text-transform: uppercase;
	border-radius: 0;
	text-decoration: none;
}

.entry-card .entry-title,
.wp-block-post-title {
	font-weight: 400;
	letter-spacing: .02em;
	line-height: 1.45;
	text-transform: none;
}
.entry-card .entry-title a,
.wp-block-post-title a {
	color: var(--kume-ink-strong);
	background-image: linear-gradient(var(--kume-maroon), var(--kume-maroon));
	background-size: 0% 1px;
	background-position: 0 100%;
	background-repeat: no-repeat;
	transition: background-size .36s var(--kume-ease), color .25s;
}
.entry-card .entry-title a:hover,
.wp-block-post-title a:hover { color: var(--kume-maroon); background-size: 100% 1px; }

/* ==========================================================================
   6. BUTONLAR
   ========================================================================== */

.wp-block-button__link,
.ct-button,
input[type="submit"] {
	position: relative;
	overflow: hidden;
	border-radius: 0 !important;
	background: transparent;
	border: 1px solid var(--kume-ink-strong);
	color: var(--kume-ink-strong);
	padding: 15px 38px;
	font-size: 11px;
	font-weight: 500;
	letter-spacing: var(--kume-track);
	text-transform: uppercase;
	transition: color .33s var(--kume-ease), border-color .33s var(--kume-ease);
	z-index: 0;
}

.wp-block-button__link::before,
.ct-button::before,
input[type="submit"]::before {
	content: "";
	position: absolute;
	inset: 0;
	z-index: -1;
	background: var(--kume-accent-surface);
	transform: scaleX(0);
	transform-origin: right;
	transition: transform .36s var(--kume-ease);
}
.wp-block-button__link:hover::before,
.ct-button:hover::before,
input[type="submit"]:hover::before {
	transform: scaleX(1);
	transform-origin: left;
}
.wp-block-button__link:hover,
.ct-button:hover,
input[type="submit"]:hover { color: #fff; border-color: var(--kume-maroon); }

/* Kapak icindeki butonlar beyaz hatli */
.kume-hero .wp-block-button__link {
	border-color: rgba(255, 255, 255, .8);
	color: #fff;
}

/* ==========================================================================
   7. BAGLANTILAR VE ICERIK BLOKLARI
   ========================================================================== */

.entry-content a:not(.wp-block-button__link):not(.ct-button):not(.entry-title *):not(.wp-block-post-title *):not(.ct-meta-element-categories *):not(.wp-block-post-terms *):not(.wp-block-cover *) {
	color: var(--kume-ink-strong);
	text-decoration: none;
	background-image: linear-gradient(var(--kume-maroon), var(--kume-maroon));
	background-size: 100% 1px;
	background-position: 0 100%;
	background-repeat: no-repeat;
	transition: background-size .3s var(--kume-ease), color .25s;
}
.entry-content a:not(.wp-block-button__link):not(.ct-button):not(.entry-title *):not(.wp-block-post-title *):not(.ct-meta-element-categories *):not(.wp-block-post-terms *):not(.wp-block-cover *):hover {
	color: var(--kume-maroon);
	background-size: 0% 1px;
}

/* Ayiricilar sadece ince bir cizgi, bol bosluk */
.wp-block-separator {
	border: 0;
	border-top: 1px solid var(--kume-line);
	opacity: 1;
	max-width: 100%;
	margin-block: clamp(48px, 8vw, 110px);
}

.wp-block-image img,
.wp-block-media-text__media img { border-radius: 0 !important; }

blockquote, .wp-block-quote {
	border-left: 2px solid var(--kume-maroon);
	padding-left: clamp(18px, 3vw, 38px);
	font-style: normal;
	font-weight: 300;
	font-size: 1.15em;
	line-height: 1.7;
}

/* ==========================================================================
   8. ALT BILGI
   ========================================================================== */

footer#footer,
#footer .ct-footer {
	background: var(--kume-accent-surface);
	color: rgba(255, 255, 255, .82);
}
#footer .ct-footer [data-row] { background: transparent; }
#footer a, #footer .ct-menu-link { color: rgba(255, 255, 255, .82); }
#footer a:hover, #footer .ct-menu-link:hover { color: #fff; }
#footer .site-title, #footer h3, #footer h4 { color: #fff; }

/* Telif satiri Blocksy'nin kendi renk ayarindan geliyor ve bordo zeminde
   okunmuyordu. Metnin kendisi Ozellestir > Alt Bilgi > Telif Hakki'ndan
   degistirilir; rengi burada garantiye aliyoruz. */
#footer .ct-footer-copyright,
#footer .ct-footer-copyright * {
	color: rgba(255, 255, 255, .72) !important;
	font-size: 12px;
	letter-spacing: .06em;
}
#footer .ct-footer-copyright a:hover { color: #fff !important; }
#footer .ct-menu-link {
	text-transform: uppercase;
	font-size: 11px;
	letter-spacing: var(--kume-track);
}

/* ==========================================================================
   9. SAYFA GECISI
   ========================================================================== */

#kume-curtain {
	position: fixed;
	inset: 0;
	z-index: 99998;
	background: var(--kume-accent-surface);
	opacity: 0;
	visibility: hidden;
	transition: opacity .33s var(--kume-ease-soft), visibility .33s;
	pointer-events: none;
}
#kume-curtain.is-active { opacity: 1; visibility: visible; }

/* ==========================================================================
   10. MOBIL
   ========================================================================== */

@media (max-width: 999px) {
	.kume-hero.wp-block-cover { min-height: 88svh; padding-bottom: 10vh; }
	.kume-hero h1, .kume-hero h2, .kume-hero h3 {
		letter-spacing: .12em;
		max-width: none;
	}
	body.kume-overlay-header #header { position: sticky; }
}

/* ==========================================================================
   11. HAREKET AZALTMA TERCIHI
   ========================================================================== */

@media (prefers-reduced-motion: reduce) {
	html { scroll-behavior: auto; }
	.kume-reveal,
	.kume-wipe,
	.kume-wipe > img,
	.kume-wipe > a > img,
	.kume-wipe > picture,
	.kume-wipe > video,
	.kume-hero .wp-block-cover__image-background {
		opacity: 1 !important;
		transform: none !important;
		clip-path: none !important;
		transition: none !important;
	}
	#kume-curtain { display: none; }
}

/* ==========================================================================
   11b. IKINCI YAZI TIPI — yalnizca blog yazisinin govdesi
   Sitede iki yazi tipi var: her yerde sans, blog yazilarinin metninde serif.
   Arayuz parcalari (buton, etiket, kart, panel) serife DONMEZ; onlar
   yazinin icinde de olsa sans kalir.
   ========================================================================== */

body.single-post .entry-content,
body.single-post .entry-content p,
body.single-post .entry-content li,
body.single-post .entry-content blockquote,
body.single-post .entry-content h1,
body.single-post .entry-content h2,
body.single-post .entry-content h3,
body.single-post .entry-content h4 {
	font-family: var(--kume-serif);
}

/* Yazinin basligi, etiketleri ve gezinme arayuzun parcasi — sans kalir */
body.single-post .kume-single .kume-single__title,
body.single-post .kume-single .kume-single__head,
body.single-post .kume-single .kume-single__meta,
body.single-post .kume-single .kume-single__cat,
body.single-post .kume-single .kume-single__tags,
body.single-post .kume-single .kume-single__nav,
body.single-post .kume-single .kume-index__side,
body.single-post .kume-single .kume-index__side * {
	font-family: var(--kume-sans);
}

/* Serif govdede olcuyu yeniden ayarla — Times sans'tan kucuk gorunur */
body.single-post .entry-content {
	font-size: clamp(17px, 1.25vw, 20px);
	line-height: 1.75;
	letter-spacing: 0;
}
body.single-post .entry-content h2,
body.single-post .entry-content h3 {
	text-transform: none;
	letter-spacing: .01em;
	font-weight: 400;
}
body.single-post .entry-content h2::before,
body.single-post .entry-content h3::before { display: none !important; }

/* Arayuz ogeleri her zaman sans.
   DIKKAT: burada `[class*="kume-"]` gibi toplu bir istisna KULLANILAMAZ.
   Scroll animasyonu her paragrafa `kume-reveal` sinifi ekliyor; boyle bir
   secici o paragraflari da yakaliyor ve ustelik oznitelik secici sinif gibi
   sayildigi icin serif kuralini ezip govdeyi sans'a dondururuyordu.
   Istisnalar tek tek sayilir. */
body.single-post .entry-content .wp-block-button__link,
body.single-post .entry-content .ct-button,
body.single-post .entry-content figcaption,
body.single-post .entry-content .kume-index__tags a,
body.single-post .entry-content .wp-block-post-terms a {
	font-family: var(--kume-sans);
}

/* ==========================================================================
   12. YAZDIRMA
   Kagida basilinca hareket katmani, perde ve gezinme cikmasin; bolumler
   ekran yuksekligine zorlanmasin.
   ========================================================================== */

@media print {
	#kume-loader,
	#kume-curtain,
	#kume-scale,
	#header,
	#footer { display: none !important; }

	.kume-reveal,
	.kume-wipe > img,
	.kume-wipe > a > img {
		opacity: 1 !important;
		transform: none !important;
		clip-path: none !important;
	}

	.kume-panel {
		min-height: 0 !important;
		padding: 0 0 24px !important;
		width: auto !important;
		margin: 0 !important;
		background: none !important;
		color: #000 !important;
		break-inside: avoid;
	}
	.kume-panel__ghost { display: none !important; }

	body { background: #fff !important; color: #000 !important; }

	a {
		color: #000 !important;
		background-image: none !important;
		text-decoration: underline;
	}

	.kume-vitrin,
	.kume-index__cols,
	.kume-boxes,
	.kume-collage { display: block !important; height: auto !important; }
}

/* ==========================================================================
   13. BASLIK ARACLARI — tema anahtari ve dil secici
   Blocksy'nin basligi Ozellestirici'den kuruldugu icin bu ikisi kume.js ile
   ARAMA DUGMESININ HEMEN YANINA, ayni kabin icine enjekte edilir. Bir ust
   seviyeye eklenirse sutun genisliyor ve Blocksy menu ogelerini "daha fazla"
   acilirina tasiyor — menu duzeni bozuluyor.
   ========================================================================== */

.kume-tools {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	margin-left: 4px;
}

.kume-tools button,
.kume-tools a {
	all: unset;
	box-sizing: border-box;
	cursor: pointer;
	font-family: var(--kume-sans);
	font-size: 11px;
	letter-spacing: var(--kume-track);
	text-transform: uppercase;
	color: inherit;
	line-height: 1;
	transition: opacity var(--kume-quick) var(--kume-ease);
}
.kume-tools button:focus-visible,
.kume-tools a:focus-visible { outline: 1px solid currentColor; outline-offset: 4px; }

/* --- Tema anahtari: gunes / ay ---
   Secici ".kume-tools" ile baslamak ZORUNDA: yukaridaki "all: unset"
   (0,1,1) tek basina ".kume-theme-toggle" (0,1,0) kuralini eziyor ve
   dokunma alani dolgusu dusuyordu. */
.kume-tools .kume-theme-toggle {
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	opacity: .75;
	/* Blocksy'nin arama ikonuyla ayni dokunma alani */
	padding: 6px;
	margin: -6px 0;
}
.kume-tools .kume-theme-toggle:hover { opacity: 1; }

.kume-theme-toggle svg {
	width: 17px;
	height: 17px;
	display: block;
}

/* Gosterilen simge, TIKLAYINCA GIDILECEK temayi anlatir: acik tercihte ay
   (koyuya gec), koyu tercihte gunes (aciga gec).
   Olcut data-theme DEGIL, dugmedeki data-pref: ana sayfa her zaman acik
   cizilir ama tercih koyu olabilir; simge tercihi anlatmali ki dugme sayfa
   degistirince fikir degistirmis gibi durmasin. */
.kume-icon-sun { display: none; }
.kume-icon-moon { display: block; }
.kume-theme-toggle[data-pref="dark"] .kume-icon-sun { display: block; }
.kume-theme-toggle[data-pref="dark"] .kume-icon-moon { display: none; }

/* --- Dil secici --- */
.kume-lang {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	opacity: .7;
	font-size: 10.5px;
}
.kume-lang:hover { opacity: 1; }
.kume-lang a { opacity: .5; }
.kume-lang a:hover { opacity: 1; }
.kume-lang a.is-current { opacity: 1; text-decoration: underline; text-underline-offset: 4px; }

@media (max-width: 999px) {
	.kume-tools { margin-left: 0; gap: 8px; }
	.kume-lang { gap: 6px; }
}

/* ==========================================================================
   14. ACILIR MENU (Blocksy alt menusu)
   Blocksy acilir menunun zeminini Ozellestirici'den SABIT deger olarak
   basiyor: rgba(245,245,245,.88). Baglanti rengi ise paletten geliyor ve
   koyu temada #F2F1EE oluyordu — beyaz uzerine beyaz, menu okunmuyordu.
   Zemini de yaziyi da kendi belirtecimize bagliyoruz.
   ========================================================================== */

#header .sub-menu {
	background-color: var(--kume-dropdown) !important;
	border: 1px solid var(--kume-line) !important;
	border-radius: 2px;
	box-shadow: 0 18px 40px rgba(0, 0, 0, .10);
	backdrop-filter: saturate(1.4) blur(10px);
	-webkit-backdrop-filter: saturate(1.4) blur(10px);
}

#header .sub-menu a {
	color: var(--kume-ink) !important;
	opacity: 1 !important;
}
#header .sub-menu a:hover,
#header .sub-menu a:focus-visible,
#header .sub-menu .current-menu-item > a {
	color: var(--kume-action) !important;
}

/* Alt menu kendi zeminini tasiyor; basligin "koyu zemin uzerindeyim" tonu
   buraya sizmasin. */
#header.kume-tone-light .sub-menu a,
#header.kume-tone-dark .sub-menu a { color: var(--kume-ink) !important; }