/*
Theme Name: Catalhoyuk
Description: Konya ilceleri ve Cumra mahalleleri icin hoyuk albumu.
Text Domain: catalhoyuk
*/

/* Duzen: uc sutunlu masonry akis (column-count, izgara degil) — kartlar
   gazete gibi dikey akiyor, boylari esit degil. Her kartin ustunde uc kademeli
   ochre serit (hoyuk katmani), altinda 4:5 kadraj, kadrajin altinda kazi etiketi
   gibi mahalle bandi, baslik, kisa ozet, en altta kacamak notu ile tarih.
   Kapaksiz kayit kadraj yerine toprak dokulu bant ve buyuk bas harf aliyor.
   Bolge blogu «kazi alani cetveli»: ilceler kalin, Cumra mahalleleri girintili. */

:root {
	--cth-toprak: #3a2c1e;
	--cth-zemin: #efe7d6;
	--cth-yuzey: #fbf7ee;
	--cth-kil: #a8552b;
	--cth-kil-koyu: #7d3d1e;
	--cth-ochre: #c2872b;
	--cth-soluk: #8a7a63;
	--cth-cizgi: #ddd0b8;
	--cth-en: 1080px;
}

* { box-sizing: border-box; }

body {
	margin: 0;
	background: var(--cth-zemin);
	color: var(--cth-toprak);
	font: 15.5px/1.62 "Verdana", "Segoe UI", -apple-system, system-ui, Arial, sans-serif;
}

a { color: var(--cth-kil); text-decoration: none; }
a:hover { color: var(--cth-kil-koyu); text-decoration: underline; }
img { max-width: 100%; height: auto; display: block; }

.cth-atla { position: absolute; left: -999em; }
.cth-atla:focus { position: static; display: inline-block; padding: 8px 14px; background: var(--cth-kil); color: #fff; }

/* ---- bas ---- */

.cth-bas { background: var(--cth-toprak); color: #f2e9d7; border-bottom: 4px solid var(--cth-ochre); }
.cth-bas-ic { max-width: var(--cth-en); margin: 0 auto; padding: 18px 20px; }
.cth-marka { margin: 0; font-size: 26px; font-weight: 700; letter-spacing: .02em; }
.cth-marka a { color: #fff; }
.cth-marka a:hover { color: var(--cth-ochre); text-decoration: none; }
.cth-slogan { margin: 3px 0 0; color: #c9b48f; font-size: 13.5px; }

/* saha gezinme */
.cth-sahalar { background: var(--cth-yuzey); border-bottom: 1px solid var(--cth-cizgi); }
.cth-sahalar-ic {
	max-width: var(--cth-en); margin: 0 auto; padding: 10px 20px;
	display: flex; flex-wrap: wrap; gap: 4px 14px;
}
.cth-sahalar-ic a { font-size: 14px; color: var(--cth-toprak); }
.cth-sahalar-ic a:hover { color: var(--cth-kil); }
.cth-sahalar-ic a.cth-durur { color: var(--cth-kil); text-decoration: underline; font-weight: 700; }

/* ---- govde ---- */

.cth-govde { max-width: var(--cth-en); margin: 0 auto; padding: 24px 20px 48px; }
.cth-govde > h1 { font-size: 25px; line-height: 1.25; margin: 4px 0 12px; font-weight: 700; }
.cth-giris { max-width: 760px; margin: 0 0 22px; color: #574636; }
.cth-giris p { margin: 0; }
.cth-bos { color: var(--cth-soluk); font-style: italic; }

/* ---- akis (masonry) ---- */

.cth-akis { column-count: 3; column-gap: 20px; }
.cth-kart {
	break-inside: avoid;
	-webkit-column-break-inside: avoid;
	display: inline-block;
	width: 100%;
	margin: 0 0 20px;
	background: var(--cth-yuzey);
	border: 1px solid var(--cth-cizgi);
	position: relative;
}
/* uc kademeli hoyuk katmani serit — kartin en ustu */
.cth-kart::before {
	content: "";
	display: block;
	height: 9px;
	background:
		linear-gradient(var(--cth-ochre) 0 3px, transparent 3px),
		linear-gradient(90deg, var(--cth-kil) 0 62%, transparent 62%) 0 3px / 100% 3px no-repeat,
		linear-gradient(90deg, var(--cth-kil-koyu) 0 34%, transparent 34%) 0 6px / 100% 3px no-repeat;
	background-repeat: no-repeat;
}
.cth-kadraj { display: block; position: relative; overflow: hidden; background: #e4d8bf; }
.cth-kadraj img { width: 100%; aspect-ratio: 4 / 5; object-fit: cover; object-position: center top; }
.cth-kadraj-bos {
	display: flex; align-items: center; justify-content: center;
	aspect-ratio: 4 / 5;
	font-size: 62px; font-weight: 700; color: rgba(168, 85, 43, .5);
	background:
		repeating-linear-gradient(90deg, #e7dbc2 0 14px, #e0d3b6 14px 28px),
		radial-gradient(circle at 50% 115%, rgba(194,135,43,.18), transparent 62%);
}
.cth-ic { padding: 0 14px 12px; display: flex; flex-direction: column; gap: 6px; }
.cth-saha-adi {
	margin: 0; align-self: flex-start;
	transform: translateY(-9px);
	background: var(--cth-kil); color: #fff;
	padding: 3px 10px; font-size: 11.5px; text-transform: uppercase; letter-spacing: .05em;
}
.cth-saha-adi a { color: #fff; }
.cth-saha-adi a:hover { color: #f4e2c8; text-decoration: none; }
.cth-ic h2 { margin: 0; font-size: 16.5px; line-height: 1.3; font-weight: 700; }
.cth-ic h2 a { color: var(--cth-toprak); }
.cth-ic h2 a:hover { color: var(--cth-kil); }
.cth-oz { margin: 0; font-size: 13.5px; color: #6a5a46; overflow-wrap: anywhere; }
.cth-kunye {
	margin: 4px 0 0; padding-top: 8px;
	border-top: 1px dotted var(--cth-cizgi);
	display: flex; justify-content: space-between; align-items: center; gap: 8px;
	font-size: 11.5px; color: var(--cth-soluk);
}
.cth-kacamak-uc {
	display: inline-flex; align-items: center; gap: 5px;
	color: var(--cth-kil); font-weight: 700;
}
.cth-kacamak-uc::before {
	content: ""; width: 8px; height: 8px; transform: rotate(45deg);
	background: var(--cth-ochre); flex: 0 0 auto;
}
.cth-kunye time { font-variant-numeric: tabular-nums; }

/* ---- sayfalar ---- */

.cth-sayfalar { margin: 30px 0 0; display: flex; flex-wrap: wrap; gap: 6px; }
.cth-sayfalar a, .cth-sayfalar span {
	display: inline-block; padding: 6px 12px;
	border: 1px solid var(--cth-cizgi); background: var(--cth-yuzey); font-size: 14px;
}
.cth-sayfalar .current { background: var(--cth-kil); color: #fff; border-color: var(--cth-kil); }

/* ---- kacamak taban (etiketler) ---- */

.cth-kalip-taban { background: var(--cth-yuzey); border-top: 1px solid var(--cth-cizgi); margin-top: 42px; }
.cth-kalip-taban h2 { max-width: var(--cth-en); margin: 0 auto; padding: 20px 20px 0; font-size: 16px; font-weight: 700; }
.cth-kalip-taban > div {
	max-width: var(--cth-en); margin: 0 auto; padding: 10px 20px 22px;
	display: flex; flex-wrap: wrap; gap: 8px 14px;
}
.cth-kalip-taban a { font-size: 14px; }
.cth-kalip-taban i { color: var(--cth-soluk); font-style: normal; font-variant-numeric: tabular-nums; }

/* ---- kazi alani cetveli (bolge blogu) ---- */

.cth-saha-listesi {
	margin: 44px 0 0; padding-top: 24px;
	border-top: 3px double var(--cth-kil);
}
.cth-saha-listesi > h2 { margin: 0 0 14px; font-size: 18px; font-weight: 700; }
.cth-saha-listesi > div {
	display: grid; grid-template-columns: auto 1fr; gap: 2px 12px;
	align-items: baseline; padding: 6px 0;
	border-bottom: 1px dotted var(--cth-cizgi);
}
.cth-saha-listesi .cth-ust { border-bottom-color: var(--cth-kil); }
.cth-saha-listesi .cth-ust a { font-weight: 700; font-size: 16px; color: var(--cth-toprak); }
.cth-saha-listesi .cth-alt { padding-left: 22px; }
.cth-saha-listesi .cth-alt a { color: var(--cth-kil); }
.cth-saha-listesi span {
	grid-column: 2; justify-self: start; order: 2;
	font-size: 12px; color: var(--cth-ochre); font-variant-numeric: tabular-nums;
}
.cth-saha-listesi p {
	grid-column: 1 / -1; order: 3; margin: 0 0 2px;
	font-size: 12.5px; color: var(--cth-soluk);
}

/* ---- taban ---- */

.cth-taban { background: var(--cth-toprak); color: #d8c8a8; border-top: 4px solid var(--cth-ochre); }
.cth-taban-ic { max-width: var(--cth-en); margin: 0 auto; padding: 26px 20px; font-size: 14px; }
.cth-taban-ic p { margin: 0 0 10px; }
.cth-taban a { color: #e7c69a; }
.cth-uyari { color: #ab9a7c; font-size: 13px; }
.cth-taban small { color: #948163; }

/* ---- tekil ---- */

.cth-tekil-ust {
	display: flex; flex-wrap: wrap; align-items: center; gap: 10px;
	color: var(--cth-soluk); font-size: 13px; margin: 0 0 16px;
}
.cth-saha-rozet { background: var(--cth-kil); color: #fff !important; padding: 3px 10px; text-transform: uppercase; letter-spacing: .04em; font-size: 12px; }
.cth-saha-rozet:hover { background: var(--cth-kil-koyu); text-decoration: none; }
.cth-kapak { margin: 0 0 18px; border: 1px solid var(--cth-cizgi); background: var(--cth-yuzey); padding: 6px; }
.cth-kapak img { width: 100%; aspect-ratio: 4 / 3; object-fit: cover; object-position: center top; }
.cth-metin { max-width: 720px; font-size: 16px; }
.cth-metin p { margin: 0 0 1em; }
.cth-ekler { display: grid; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: 10px; margin: 22px 0; }
.cth-ekler img { border: 1px solid var(--cth-cizgi); aspect-ratio: 1 / 1; object-fit: cover; }
.cth-kaliplar { display: flex; flex-wrap: wrap; gap: 8px; margin: 18px 0; }
.cth-kaliplar a { border: 1px solid var(--cth-ochre); padding: 3px 10px; font-size: 13px; }
.cth-komsu { margin: 30px 0 0; border-top: 1px solid var(--cth-cizgi); padding-top: 16px; }
.cth-komsu h2 { font-size: 16px; margin: 0 0 8px; }
.cth-komsu ul { margin: 0; padding-left: 18px; }
.cth-komsu li { margin: 0 0 4px; }

/* ---- tekil / sayfa sarmalayici ---- */
.cth-tekil h1 { font-size: 25px; line-height: 1.25; }
.cth-tekil .cth-komsu li { list-style: disc; }
.cth-sayfa h1 { font-size: 24px; }
.cth-sayfa .cth-metin { max-width: 720px; }

/* ---- telefon ---- */

@media (max-width: 900px) { .cth-akis { column-count: 2; } }
@media (max-width: 560px) {
	.cth-akis { column-count: 1; column-gap: 0; }
	.cth-govde > h1 { font-size: 22px; }
	.cth-saha-listesi > div { grid-template-columns: 1fr auto; }
	.cth-saha-listesi span { grid-column: 2; order: 0; justify-self: end; }
}