/*
Theme Name: Iris
Description: Samsun ilceleri ve Carsamba mahalleleri icin nehir akisi.
Text Domain: iris
*/

/* Duzen: tek sutunlu nehir akisi. Her kayit tam genislikte YATAY satir: solda
   metin (mor sekmeli mahalle adi, baslik, kisa ozet, en altta damla noktali
   makyaj notu ile tarih), sagda 4:3 kadraj. Satirlar arasinda cift teal cizgi —
   akan su gibi. Kapaksiz kayit kadraj yerine mor dokulu bant ve buyuk bas harf.
   Bolge blogu «nehir cetveli»: ilceler kalin, Carsamba mahalleleri girintili. */

:root {
	--irs-mur: #2a2340;
	--irs-zemin: #f0eef5;
	--irs-yuzey: #ffffff;
	--irs-mor: #6b4e9e;
	--irs-mor-koyu: #4e3878;
	--irs-su: #3a8e8e;
	--irs-soluk: #7d7690;
	--irs-cizgi: #ddd8e6;
	--irs-en: 1000px;
}

* { box-sizing: border-box; }

body {
	margin: 0;
	background: var(--irs-zemin);
	color: var(--irs-mur);
	font: 15.5px/1.62 "Palatino Linotype", "Book Antiqua", "Segoe UI", Georgia, serif;
}

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

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

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

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

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

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

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

/* ---- akis (nehir, tek sutun) ---- */

.irs-akis { display: flex; flex-direction: column; }
.irs-kart {
	min-width: 0;
	display: flex;
	flex-direction: row-reverse;
	gap: 18px;
	align-items: stretch;
	padding: 20px 0;
	border-bottom: 3px double var(--irs-su);
}
.irs-kart:first-child { padding-top: 4px; }
.irs-kart:last-child { border-bottom: none; }
.irs-kadraj {
	display: block; position: relative; overflow: hidden;
	flex: 0 0 340px; background: #e2dcee;
	border-radius: 4px 4px 4px 18px;
}
.irs-kadraj img { width: 100%; aspect-ratio: 4 / 3; object-fit: cover; object-position: center top; }
.irs-kadraj-bos {
	display: flex; align-items: center; justify-content: center;
	aspect-ratio: 4 / 3;
	font-size: 58px; font-weight: 700; color: rgba(107,78,158,.5);
	background:
		repeating-linear-gradient(100deg, #e6e0f0 0 12px, #ddd6ec 12px 24px),
		radial-gradient(circle at 50% 120%, rgba(58,142,142,.16), transparent 62%);
}
.irs-ic { flex: 1 1 auto; min-width: 0; display: flex; flex-direction: column; gap: 7px; }
.irs-saha-adi {
	margin: 0; align-self: flex-start;
	background: var(--irs-mor); color: #fff;
	padding: 3px 11px; font-size: 11.5px; text-transform: uppercase; letter-spacing: .05em;
	border-radius: 3px;
}
.irs-saha-adi a { color: #fff; }
.irs-saha-adi a:hover { color: #eadfff; text-decoration: none; }
.irs-ic h2 { margin: 0; font-size: 18px; line-height: 1.3; font-weight: 700; }
.irs-ic h2 a { color: var(--irs-mur); }
.irs-ic h2 a:hover { color: var(--irs-mor); }
.irs-oz { margin: 0; font-size: 14px; color: #4c4459; overflow-wrap: anywhere; }
.irs-kunye {
	margin: auto 0 0; padding-top: 8px;
	border-top: 1px dotted var(--irs-cizgi);
	display: flex; justify-content: flex-start; align-items: center; gap: 16px;
	font-size: 12px; color: var(--irs-soluk);
}
.irs-makyaj-uc {
	display: inline-flex; align-items: center; gap: 5px;
	color: var(--irs-su); font-weight: 700;
}
.irs-makyaj-uc::before {
	content: ""; width: 9px; height: 11px;
	background: var(--irs-su);
	border-radius: 0 50% 50% 50%; transform: rotate(45deg);
	flex: 0 0 auto;
}
.irs-kunye time { font-variant-numeric: tabular-nums; }

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

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

/* ---- makyaj taban (etiketler) ---- */

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

/* ---- nehir cetveli (bolge blogu) ---- */

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

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

.irs-taban { background: var(--irs-mur); color: #c7bfda; border-top: 3px solid var(--irs-su); }
.irs-taban-ic { max-width: var(--irs-en); margin: 0 auto; padding: 26px 20px; font-size: 14px; }
.irs-taban-ic p { margin: 0 0 10px; }
.irs-taban a { color: #b9a6e0; }
.irs-uyari { color: #948caa; font-size: 13px; }
.irs-taban small { color: #7f7794; }

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

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

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

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

@media (max-width: 680px) {
	.irs-kart { flex-direction: column; gap: 12px; }
	.irs-kadraj { flex-basis: auto; }
	.irs-govde > h1 { font-size: 22px; }
	.irs-saha-listesi > div { grid-template-columns: 1fr auto; }
	.irs-saha-listesi span { grid-column: 2; order: 0; justify-self: end; }
}