/*
Theme Name: Zeynep Toker
Description: Zeynep Toker, Çocuk Gelişimci kişisel sitesi için hafif özel tema. Sayfa oluşturucu yok. ZT Core eklentisiyle çalışır.
Author: 444 Reklam
Version: 0.1.11
Text Domain: zeynep-toker
*/

/* ============ Tokenlar ============ */
:root{
	--zt-kagit:#fdf9f5;
	--zt-kum:#f3e7dc;
	--zt-kum-koyu:#e6d3c3;
	--zt-kil:#b4553a;
	--zt-kil-koyu:#8e3f2a;
	--zt-zeytin:#5f6b4c;
	--zt-murekkep:#2f2318;
	--zt-murekkep-soft:#6b5b4e;

	--zt-govde:"Literata",Georgia,serif;
	--zt-baslik:"Bricolage Grotesque","Segoe UI",sans-serif;

	--zt-olcu:68ch;
	--zt-genis:1120px;
	--zt-bosluk:clamp(3rem,7vw,6rem);
	--zt-yumusak:14px;
}

*,*::before,*::after{box-sizing:border-box;}

/* Tarayicilarin zorla koyu mod uygulamasini engeller (Samsung Internet, Chrome otomatik koyu tema). */
:root{color-scheme:only light;}

html{scroll-behavior:smooth;}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto;}}

body{
	margin:0;
	background:var(--zt-kagit);
	color:var(--zt-murekkep);
	font-family:var(--zt-govde);
	font-size:1.0625rem;
	line-height:1.75;
	-webkit-font-smoothing:antialiased;
}

img{max-width:100%;height:auto;display:block;}

a{color:var(--zt-kil-koyu);text-underline-offset:.18em;text-decoration-thickness:.06em;}
a:hover{color:var(--zt-kil);}

:focus-visible{
	outline:3px solid var(--zt-zeytin);
	outline-offset:3px;
	border-radius:4px;
}

h1,h2,h3,h4,.zt-alt__baslik{
	font-family:var(--zt-baslik);
	font-weight:500;
	line-height:1.15;
	letter-spacing:-.015em;
	margin:0 0 .6em;
	text-wrap:balance;
}
h1{font-size:clamp(2.1rem,5.2vw,3.1rem);}
h2{font-size:clamp(1.6rem,3.4vw,2.1rem);}
h3{font-size:1.25rem;}
p{margin:0 0 1.15em;}

.zt-kabuk{width:min(100% - 2.5rem,var(--zt-genis));margin-inline:auto;}
.zt-olcu{max-width:var(--zt-olcu);}
.zt-atla{position:absolute;left:-9999px;}
.zt-atla:focus{left:1rem;top:1rem;z-index:99;background:#fff;padding:.6rem 1rem;}

/* ============ Ust bant ve menu ============ */
.zt-ust{border-bottom:1px solid var(--zt-kum-koyu);background:var(--zt-kagit);}
.zt-ust__ic{
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:1.5rem;
	padding:1.1rem 0;
	flex-wrap:wrap;
}
.zt-marka{display:flex;align-items:center;gap:.7rem;text-decoration:none;color:inherit;}
.zt-marka__simge{display:block;flex:0 0 auto;width:2rem;height:3rem;}
.zt-marka__metin{display:flex;flex-direction:column;}
@media (max-width:640px){.zt-marka{gap:.55rem;}.zt-marka__simge{width:1.73rem;height:2.6rem;}}
.zt-marka__ad{font-family:var(--zt-baslik);font-size:1.2rem;font-weight:600;letter-spacing:-.01em;}
.zt-marka__unvan{font-size:.85rem;color:var(--zt-murekkep-soft);line-height:1.3;}

.zt-menu ul{display:flex;flex-wrap:wrap;gap:1.1rem;list-style:none;margin:0;padding:0;}
.zt-menu a{
	font-family:var(--zt-baslik);
	font-size:.98rem;
	color:var(--zt-murekkep);
	text-decoration:none;
	padding-bottom:.15rem;
	border-bottom:2px solid transparent;
}
.zt-menu a:hover,
.zt-menu .current-menu-item > a{border-bottom-color:var(--zt-kil);}

/* ============ Butonlar ============ */
.zt-btn{
	display:inline-block;
	font-family:var(--zt-baslik);
	font-size:1rem;
	background:var(--zt-kil);
	color:#fff;
	border:0;
	border-radius:999px;
	padding:.72rem 1.5rem;
	text-decoration:none;
	cursor:pointer;
}
.zt-btn:hover{background:var(--zt-kil-koyu);color:#fff;}
.zt-btn--sade{
	background:transparent;
	color:var(--zt-murekkep);
	border:1px solid var(--zt-kum-koyu);
}
.zt-btn--sade:hover{background:var(--zt-kum);color:var(--zt-murekkep);}

/* ============ Giris bolumu ============ */
.zt-giris{padding:clamp(3rem,8vw,5.5rem) 0 var(--zt-bosluk);}
.zt-giris__ic{display:grid;gap:2.5rem;}
.zt-giris__soz{
	font-family:var(--zt-baslik);
	font-size:clamp(2rem,5.6vw,3.35rem);
	font-weight:500;
	line-height:1.1;
	letter-spacing:-.02em;
	max-width:20ch;
	margin:0 0 1.1rem;
	text-wrap:balance;
}
.zt-giris__ust{
	font-family:var(--zt-baslik);
	font-size:clamp(.95rem,1.6vw,1.05rem);
	font-weight:600;
	line-height:1.4;
	color:var(--zt-kil-koyu);
	max-width:44ch;
	margin:0 0 1rem;
	letter-spacing:0;
}
.zt-giris__metin{max-width:56ch;color:var(--zt-murekkep-soft);font-size:1.1rem;}
.zt-giris__linkler{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.6rem;}

.zt-portre{
	position:relative;
	border-radius:var(--zt-yumusak);
	overflow:hidden;
	background:var(--zt-kum);
	aspect-ratio:4/5;
	max-width:340px;
}
.zt-portre img{width:100%;height:100%;object-fit:cover;}
.zt-portre__bos{
	display:grid;
	place-items:center;
	height:100%;
	font-family:var(--zt-baslik);
	font-size:3.5rem;
	color:var(--zt-kil);
	background:
		radial-gradient(circle at 30% 25%,var(--zt-kum-koyu) 0 42%,transparent 43%),
		var(--zt-kum);
}

@media (min-width:900px){
	.zt-giris__ic{grid-template-columns:1.35fr .65fr;align-items:center;}
}

/* ============ Bolumler ============ */
.zt-bolum{padding-block:var(--zt-bosluk);border-top:1px solid var(--zt-kum-koyu);}
.zt-bolum__ust{
	display:flex;
	align-items:baseline;
	justify-content:space-between;
	gap:1rem;
	flex-wrap:wrap;
	margin-bottom:2rem;
}
.zt-bolum__ust h2{margin:0;}
.zt-bolum__ust a{font-family:var(--zt-baslik);font-size:.95rem;}

/* ============ Calisma alanlari ============ */
.zt-alanlar{display:grid;gap:1.5rem;}
@media (min-width:720px){.zt-alanlar{grid-template-columns:repeat(2,1fr);}}

.zt-alan{
	padding:1.6rem 1.7rem;
	background:var(--zt-kum);
	border-radius:var(--zt-yumusak);
}
.zt-alan :is(h2,h3){font-size:1.3rem;margin-bottom:.35rem;}
.zt-alan :is(h2,h3) a{color:inherit;text-decoration:none;}
.zt-alan :is(h2,h3) a:hover{color:var(--zt-kil-koyu);}
@media (min-width:1000px){.zt-alanlar--arac{grid-template-columns:repeat(4,1fr);}.zt-alanlar--arac .zt-alan :is(h2,h3){font-size:1.1rem;}}
.zt-alan p{margin:0;color:var(--zt-murekkep-soft);font-size:.98rem;}
.zt-yas{
	display:inline-block;
	font-family:var(--zt-baslik);
	font-size:.82rem;
	color:var(--zt-zeytin);
	border:1px solid currentColor;
	border-radius:999px;
	padding:.05rem .6rem;
	margin-bottom:.7rem;
}

/* ============ Yazi listesi ============ */
.zt-yazilar{display:grid;gap:1.8rem;}
@media (min-width:760px){.zt-yazilar{grid-template-columns:repeat(3,1fr);}}

.zt-yazi__gorsel{border-radius:var(--zt-yumusak);overflow:hidden;background:var(--zt-kum);margin-bottom:.9rem;aspect-ratio:3/2;}
.zt-yazi__gorsel img{width:100%;height:100%;object-fit:cover;}
.zt-yazi :is(h2,h3){font-size:1.1rem;margin-bottom:.3rem;}
.zt-yazi :is(h2,h3) a{color:inherit;text-decoration:none;}
.zt-yazi :is(h2,h3) a:hover{color:var(--zt-kil-koyu);}
.zt-yazi__tarih{font-size:.85rem;color:var(--zt-murekkep-soft);}
.zt-yazi p{font-size:.97rem;color:var(--zt-murekkep-soft);margin:.4rem 0 0;}

/* ============ Bolgeler ============ */
.zt-bolgeler{display:flex;flex-wrap:wrap;gap:.6rem;list-style:none;margin:0;padding:0;}
.zt-bolgeler a{
	display:inline-flex;
	align-items:baseline;
	gap:.5rem;
	font-family:var(--zt-baslik);
	text-decoration:none;
	color:var(--zt-murekkep);
	border:1px solid var(--zt-kum-koyu);
	border-radius:999px;
	padding:.45rem 1rem;
	background:#fff;
}
.zt-bolgeler a:hover{border-color:var(--zt-kil);color:var(--zt-kil-koyu);}
.zt-bolgeler span{font-size:.82rem;color:var(--zt-murekkep-soft);font-family:var(--zt-govde);}

.zt-mahalleler{
	columns:2;
	column-gap:2rem;
	list-style:none;
	padding:0;
	margin:1rem 0 0;
	font-size:.95rem;
	color:var(--zt-murekkep-soft);
}
@media (min-width:700px){.zt-mahalleler{columns:3;}}

/* ============ Duyurular ============ */
.zt-duyurular{list-style:none;margin:0;padding:0;max-width:var(--zt-olcu);}
.zt-duyurular li{padding:.9rem 0;border-bottom:1px solid var(--zt-kum-koyu);}
.zt-duyurular li:first-child{border-top:1px solid var(--zt-kum-koyu);}
.zt-duyurular time{display:block;font-size:.82rem;color:var(--zt-murekkep-soft);}
.zt-duyurular a{
	color:var(--zt-murekkep);
	text-decoration:underline;
	text-decoration-color:var(--zt-kum-koyu);
	text-decoration-thickness:1px;
	text-underline-offset:.25em;
	transition:color .15s,text-decoration-color .15s;
}
.zt-duyurular a:hover,
.zt-duyurular a:focus-visible{color:var(--zt-kil-koyu);text-decoration-color:currentColor;}

/* ============ Icerik ============ */
.zt-icerik{padding-block:clamp(2.5rem,6vw,4rem);}
.zt-icerik__govde{max-width:var(--zt-olcu);}
.zt-icerik__govde h2{margin-top:2em;}
.zt-icerik__govde h3{margin-top:1.6em;}
.zt-icerik__govde ul,.zt-icerik__govde ol{padding-left:1.2rem;}
.zt-icerik__govde li{margin-bottom:.4em;}
.zt-icerik__govde blockquote{
	margin:1.8em 0;
	padding:.2rem 0 .2rem 1.3rem;
	border-left:3px solid var(--zt-kil);
	color:var(--zt-murekkep-soft);
}
.zt-ozet{
	font-size:1.15rem;
	color:var(--zt-murekkep-soft);
	max-width:60ch;
	margin-bottom:2rem;
}
.zt-ustbilgi{margin-bottom:2.2rem;max-width:var(--zt-olcu);}
.zt-ustbilgi__tarih{font-size:.88rem;color:var(--zt-murekkep-soft);}

/* ============ Form ============ */
.zt-form{max-width:34rem;}
.zt-form p{margin-bottom:1.1rem;}
.zt-form label{display:block;font-family:var(--zt-baslik);font-size:.95rem;margin-bottom:.3rem;}
.zt-form input[type=text],
.zt-form input[type=tel],
.zt-form input[type=email],
.zt-form select{
	width:100%;
	font:inherit;
	padding:.65rem .8rem;
	border:1px solid var(--zt-kum-koyu);
	border-radius:8px;
	background:#fff;
	color:inherit;
}
.zt-form__onay label{display:flex;gap:.6rem;align-items:flex-start;font-family:var(--zt-govde);font-size:.95rem;line-height:1.5;}
.zt-form__onay input{margin-top:.35rem;flex:0 0 auto;}
.zt-form__gizli{position:absolute;left:-9999px;}
.zt-form__not{font-size:.88rem;color:var(--zt-murekkep-soft);}
.zt-form__secimli{font-weight:400;color:var(--zt-murekkep-soft);font-size:.9em;}
.zt-form__ipucu{display:block;margin-top:.3rem;font-size:.85rem;color:var(--zt-murekkep-soft);}
.zt-form__sonuc{padding:.9rem 1.1rem;border-radius:8px;margin-bottom:1.5rem;}
.zt-form__sonuc--ok{background:#e8efe1;color:#3c4a2c;}
.zt-form__sonuc--hata{background:#f7e0d9;color:var(--zt-kil-koyu);}

.zt-iletisim{display:grid;gap:2.5rem;}
@media (min-width:860px){.zt-iletisim{grid-template-columns:1fr 1fr;}}
.zt-iletisim__satir{margin-bottom:.6rem;}
.zt-iletisim__satir strong{font-family:var(--zt-baslik);font-weight:500;display:block;font-size:.9rem;color:var(--zt-murekkep-soft);}

/* ============ Sayfalama ============ */
.zt-sayfalama{margin-top:3rem;font-family:var(--zt-baslik);}
.zt-sayfalama .page-numbers{
	display:inline-block;
	padding:.35rem .75rem;
	border:1px solid var(--zt-kum-koyu);
	border-radius:8px;
	margin-right:.3rem;
	text-decoration:none;
	color:var(--zt-murekkep);
}
.zt-sayfalama .current{background:var(--zt-kil);color:#fff;border-color:var(--zt-kil);}

/* ============ Alt bant ============ */
.zt-alt{
	margin-top:var(--zt-bosluk);
	background:var(--zt-murekkep);
	color:#e8ddd2;
	padding-block:3rem 2rem;
}
.zt-alt a{color:#e8ddd2;}
.zt-alt a:hover{color:#fff;}
.zt-alt__ic{display:grid;gap:2rem;}
@media (min-width:760px){.zt-alt__ic{grid-template-columns:1fr 1fr;}}
@media (min-width:1000px){.zt-alt__ic{grid-template-columns:1.5fr 1fr 1fr 1fr;}}
.zt-alt .zt-alt__marka{margin-bottom:1rem;color:#fff;}
.zt-alt .zt-alt__marka:hover{color:#fff;}
.zt-alt .zt-alt__marka .zt-marka__unvan{color:#c9b9a8;}
.zt-alt .zt-menu-item a,.zt-alt nav a{text-decoration:none;}
.zt-alt nav a:hover{text-decoration:underline;}
.zt-alt__baslik{font-size:1.05rem;color:#fff;margin-bottom:.8rem;}
.zt-alt ul{list-style:none;margin:0;padding:0;}
.zt-alt li{margin-bottom:.45rem;}
.zt-alt__kucuk{
	margin-top:2.5rem;
	padding-top:1.2rem;
	border-top:1px solid rgba(255,255,255,.15);
	font-size:.85rem;
	color:#bcaa9a;
}
.zt-alt__uyari{max-width:58ch;}

/* 444 Haber Botu duyurulari */
.zt-etiket{display:inline-block;font-size:.8rem;letter-spacing:.02em;padding:.25em .8em;border-radius:999px;background:var(--zt-kum,#f3e7dc);color:var(--zt-murekkep,#2f2318);margin-bottom:.9rem;}
.zt-kaynak-kutu{max-width:var(--zt-olcu);margin-top:2rem;padding:1.4rem 1.5rem;border:1px solid var(--zt-kum,#f3e7dc);border-radius:12px;background:#fff;}
.zt-kaynak-kutu p{margin:0;}
.zt-kaynak-kutu .zt-kaynak-kutu__not{margin-top:1rem;font-size:.92rem;color:#6b5d52;}
.zt-duyuru-alt{max-width:var(--zt-olcu);margin-top:2.5rem;padding-top:1.5rem;border-top:1px solid var(--zt-kum,#f3e7dc);}
.zt-duyuru-alt h2{font-size:1.1rem;margin:1.4rem 0 .6rem;}
.zt-duyuru-alt ul{padding-left:1.2rem;margin:0;}
.zt-duyurular__kaynak{display:block;color:#6b5d52;font-size:.88em;margin-top:.15rem;}

/* ============ Telefonda menu ============ */
/* JS yoksa: yana kayan tek satir. JS varsa: hamburger dugmesi ve acilir liste. */
.zt-menu-dugme{display:none;}

@media (max-width:640px){
	.zt-ust__ic{gap:.9rem;padding-bottom:.6rem;}

	html:not(.zt-js) .zt-menu{
		width:calc(100% + 2.5rem);
		margin-inline:-1.25rem;
		overflow-x:auto;
		scrollbar-width:none;
		-webkit-mask-image:linear-gradient(to right,#000 85%,transparent);
		mask-image:linear-gradient(to right,#000 85%,transparent);
	}
	html:not(.zt-js) .zt-menu::-webkit-scrollbar{display:none;}
	html:not(.zt-js) .zt-menu ul{flex-wrap:nowrap;gap:1.15rem;padding:.2rem 3rem .5rem 1.25rem;white-space:nowrap;}

	.zt-js .zt-ust__ic{flex-wrap:wrap;padding-bottom:1.1rem;}
	.zt-js .zt-menu-dugme{
		display:inline-grid;
		place-items:center;
		width:44px;
		height:44px;
		margin-left:auto;
		padding:0;
		border:1px solid var(--zt-kum-koyu);
		border-radius:12px;
		background:#fff;
		color:var(--zt-murekkep);
		cursor:pointer;
	}
	.zt-menu-dugme__cizgi,
	.zt-menu-dugme__cizgi::before,
	.zt-menu-dugme__cizgi::after{
		display:block;
		width:20px;
		height:2px;
		border-radius:2px;
		background:currentColor;
		transition:transform .2s ease,opacity .2s ease;
	}
	.zt-menu-dugme__cizgi{position:relative;}
	.zt-menu-dugme__cizgi::before,
	.zt-menu-dugme__cizgi::after{content:"";position:absolute;left:0;}
	.zt-menu-dugme__cizgi::before{top:-6px;}
	.zt-menu-dugme__cizgi::after{top:6px;}
	.zt-ust--acik .zt-menu-dugme__cizgi{background:transparent;}
	.zt-ust--acik .zt-menu-dugme__cizgi::before{transform:translateY(6px) rotate(45deg);}
	.zt-ust--acik .zt-menu-dugme__cizgi::after{transform:translateY(-6px) rotate(-45deg);}

	.zt-js .zt-menu{display:none;flex-basis:100%;}
	.zt-js .zt-ust--acik .zt-menu{display:block;}
	.zt-js .zt-menu ul{flex-direction:column;flex-wrap:nowrap;gap:0;border-top:1px solid var(--zt-kum-koyu);}
	.zt-js .zt-menu li a{
		display:block;
		padding:.8rem .1rem;
		font-size:1.05rem;
		border-bottom:1px solid var(--zt-kum-koyu);
	}
	.zt-js .zt-menu li a:hover,
	.zt-js .zt-menu .current-menu-item > a{border-bottom-color:var(--zt-kum-koyu);color:var(--zt-kil-koyu);}
}
@media (prefers-reduced-motion:reduce){
	.zt-menu-dugme__cizgi,.zt-menu-dugme__cizgi::before,.zt-menu-dugme__cizgi::after{transition:none;}
}

/* ============ Gezinti yolu ============ */
.zt-gezinti{padding-top:1.4rem;font-family:var(--zt-baslik);font-size:.88rem;color:var(--zt-murekkep-soft);}
.zt-gezinti p{margin:0;}
.zt-gezinti a{color:var(--zt-murekkep-soft);text-decoration:none;}
.zt-gezinti a:hover{color:var(--zt-kil-koyu);text-decoration:underline;}
.zt-gezinti .separator{margin:0 .35rem;color:var(--zt-kum-koyu);}
.zt-gezinti .last{color:var(--zt-murekkep);}

/* ============ Not satiri (eski Bilgilendirme basligi) ============ */
.zt-not-baslik{font-family:var(--zt-baslik);font-size:.95rem;color:var(--zt-zeytin);margin:2.2rem 0 .4rem;}
