/* =========================================================
   İç sayfalar: Temsilcilerimiz arşivi ve bölge sayfası.
   Ana sayfa CSS'i (anasayfa.css) burada yüklenmediği için
   paylaşılan birkaç kural tekrar tanımlı; ikisi de style.css
   içindeki token'lara dayanıyor.
   ========================================================= */

.ozi-sayfa__ic {
	max-width: var(--ozi-genislik);
	margin: 0 auto;
	padding: 32px var(--ozi-bosluk) 56px;
}

.ozi-sayfa__baslik {
	margin-bottom: 24px;
}

.ozi-sayfa__baslik h1 {
	margin: 0;
	font-size: 34px;
	text-transform: uppercase;
	color: var(--ozi-lacivert);
}

.ozi-sayfa__aciklama {
	margin: 8px 0 0;
	max-width: 62ch;
	font-size: 17px;
	line-height: 1.5;
	color: var(--ozi-metin-ikincil);
}

.ozi-bos-mesaj {
	margin: 24px 0 0;
	color: var(--ozi-metin-ikincil);
}

/* Açık zeminde filtre düğmeleri ----------------------------------- */

/*
 * Ana sayfadaki filtre lacivert zemindeydi; burası beyaz zemin,
 * o yüzden renkler ters çevrildi. Altın kullanılmıyor: açık zeminde
 * kontrastı yetmiyor (1.51:1).
 */
.ozi-filtre--acik .ozi-chip {
	border-color: #B9C2D4;
	background: var(--ozi-beyaz);
	color: var(--ozi-lacivert);
}

.ozi-filtre--acik .ozi-chip:hover {
	border-color: var(--ozi-lacivert);
}

.ozi-filtre--acik .ozi-chip--acik,
.ozi-filtre--acik .ozi-chip[aria-pressed="true"] {
	background: var(--ozi-lacivert);
	border-color: var(--ozi-lacivert);
	color: var(--ozi-beyaz);
}

/* Temsilci kartı --------------------------------------------------- */

.ozi-temsilci-izgara {
	display: grid;
	gap: 16px;
	margin-top: 20px;
}

.ozi-temsilci {
	display: flex;
	gap: 16px;
	align-items: flex-start;
	padding: 18px;
	background: var(--ozi-yuzey);
	border: 1px solid var(--ozi-cizgi);
	border-radius: var(--ozi-radius);
	box-shadow: var(--ozi-golge-1);
	transition:
		border-color var(--ozi-gecis) var(--ozi-egri),
		box-shadow var(--ozi-gecis) var(--ozi-egri);
}

.ozi-temsilci:hover {
	border-color: var(--ozi-lacivert-acik);
	box-shadow: var(--ozi-golge-2);
}

.ozi-temsilci__foto {
	flex: none;
	width: 72px;
	height: 72px;
	border-radius: var(--ozi-radius-hap);
	overflow: hidden;
	background: var(--ozi-zemin);
	display: flex;
	align-items: center;
	justify-content: center;
}

.ozi-temsilci__foto img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.ozi-temsilci__harf {
	font-family: var(--ozi-baslik-font);
	font-size: 30px;
	font-weight: 700;
	color: var(--ozi-lacivert);
}

.ozi-temsilci__govde {
	min-width: 0;
}

.ozi-temsilci__ad {
	margin: 0;
	font-size: 21px;
	line-height: 1.2;
	color: var(--ozi-lacivert);
}

.ozi-temsilci__gorev {
	margin: 4px 0 0;
	font-size: 13px;
	font-weight: 700;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	color: var(--ozi-kirmizi);
}

.ozi-temsilci__yer {
	margin: 6px 0 0;
	font-size: 15px;
	color: var(--ozi-metin-ikincil);
}

.ozi-temsilci__iletisim {
	list-style: none;
	margin: 10px 0 0;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
	gap: 6px 18px;
}

/* Telefon ve e-posta dokunma hedefi olarak 44px. */
.ozi-temsilci__iletisim a {
	display: inline-flex;
	align-items: center;
	min-height: var(--ozi-dokunma);
	font-weight: 600;
	text-decoration: none;
	word-break: break-word;
}

.ozi-temsilci__iletisim a:hover,
.ozi-temsilci__iletisim a:focus-visible {
	text-decoration: underline;
}

/* Bölge sayfası ---------------------------------------------------- */

.ozi-bolge__haberler {
	margin-top: 48px;
}

/* Geniş ekranlar --------------------------------------------------- */

@media (min-width: 600px) {
	.ozi-temsilci-izgara {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media (min-width: 900px) {
	.ozi-sayfa__ic {
		padding-top: 48px;
	}

	.ozi-temsilci-izgara {
		grid-template-columns: repeat(3, 1fr);
	}
}

@media (prefers-reduced-motion: reduce) {
	.ozi-temsilci {
		transition-duration: 1ms;
	}
}

/* Resmî ilanlar ---------------------------------------------------- */

.ozi-sayfa__ic--dar {
	max-width: 760px;
}

.ozi-geri-bag {
	margin: 0 0 12px;
}

.ozi-geri-bag a {
	display: inline-flex;
	align-items: center;
	min-height: var(--ozi-dokunma);
	font-weight: 600;
	text-decoration: none;
}

.ozi-geri-bag a:hover,
.ozi-geri-bag a:focus-visible {
	text-decoration: underline;
}

.ozi-ilan-liste {
	display: grid;
	gap: 12px;
	margin: 20px 0 40px;
}

.ozi-ilan-kart {
	display: flex;
	flex-wrap: wrap;
	gap: 12px 20px;
	align-items: center;
	justify-content: space-between;
	padding: 18px;
	background: var(--ozi-yuzey);
	border: 1px solid var(--ozi-cizgi);
	border-radius: var(--ozi-radius);
	box-shadow: var(--ozi-golge-1);
}

/* Geçmiş ilanlar arşiv kaydı: zeminde kalır, yükselmez. */
.ozi-ilan-kart--gecmis {
	background: transparent;
	box-shadow: none;
}

.ozi-ilan-kart__baslik {
	margin: 0;
	font-size: 20px;
	line-height: 1.25;
}

/*
 * Başlık bağlantısı tek başına duran bir denetim (kartın tamamı
 * tıklanabilir değil), bu yüzden ≥44px kuralına girer. Ölçümde 302x24
 * çıkmıştı. `inline-flex` + `min-height` yazı boyunu değiştirmeden
 * dokunma alanını büyütüyor; künye bağlantılarında (0.12.1) ve tek
 * yazı sayfasındaki kategori etiketinde kullanılan çözümün aynısı.
 */
.ozi-ilan-kart__baslik a {
	display: inline-flex;
	align-items: center;
	min-height: var(--ozi-dokunma);
	color: var(--ozi-lacivert);
	text-decoration: none;
}

.ozi-ilan-kart__baslik a:hover,
.ozi-ilan-kart__baslik a:focus-visible {
	text-decoration: underline;
}

.ozi-ilan-kart__bilgi {
	margin: 6px 0 0;
	font-size: 15px;
	color: var(--ozi-metin-ikincil);
}

.ozi-ilan-kart__ozet {
	margin: 8px 0 0;
	font-size: 15px;
	color: var(--ozi-metin-ikincil);
}

.ozi-ilan-kart__belge {
	display: inline-flex;
	align-items: center;
	min-height: var(--ozi-dokunma);
	padding: 0 16px;
	border: 1px solid var(--ozi-lacivert);
	border-radius: var(--ozi-radius-kucuk);
	font-weight: 600;
	color: var(--ozi-lacivert);
	text-decoration: none;
	white-space: nowrap;
}

.ozi-ilan-kart__belge:hover,
.ozi-ilan-kart__belge:focus-visible {
	background: var(--ozi-lacivert);
	color: var(--ozi-beyaz);
}

/* Tek ilan sayfası */

.ozi-ilan__gecti {
	margin: 10px 0 0;
	padding: 10px 14px;
	border-radius: var(--ozi-radius-kucuk);
	background: #FDF0F2;
	color: var(--ozi-kirmizi-koyu);
	font-weight: 600;
}

/*
 * Künye listesi iki yerde aynı işi yapıyor: resmî ilanın tarih/yer
 * bilgisi ve anlaşmanın telefon/adres bilgisi. İkisi de "etiket + değer"
 * çiftleri, aynı görünmeleri doğru; kurallar kopyalanmadı, seçici
 * paylaşıldı.
 */
.ozi-ilan-kunye,
.ozi-anlasma-kunye {
	display: grid;
	gap: 12px 32px;
	margin: 0 0 28px;
	padding: 18px;
	background: var(--ozi-zemin);
	border-radius: var(--ozi-radius);
}

.ozi-ilan-kunye dt,
.ozi-anlasma-kunye dt {
	font-size: 13px;
	font-weight: 700;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	color: var(--ozi-metin-ikincil);
}

.ozi-ilan-kunye dd,
.ozi-anlasma-kunye dd {
	margin: 4px 0 0;
	font-size: 17px;
	color: var(--ozi-metin);
}

.ozi-ilan-metin {
	font-size: 17px;
	line-height: 1.65;
}

@media (min-width: 600px) {
	.ozi-ilan-kunye,
	.ozi-anlasma-kunye {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

/* Kültür-Sanat arşivi ---------------------------------------------- */

/*
 * Okumaya göre kurulu: tek sütun, kart yok, satır uzunluğu 65-75
 * karakter. İçerik söyleşi ve anma yazısı; haber arşivinin kart dili
 * bu içeriğe uymuyor.
 */
.ozi-okuma-liste {
	display: grid;
	gap: 0;
	margin-top: 8px;
}

.ozi-okuma {
	padding: 26px 0;
	border-bottom: 1px solid var(--ozi-cizgi);
}

.ozi-okuma:first-child {
	padding-top: 12px;
}

.ozi-okuma__baslik {
	margin: 6px 0 10px;
	font-size: 26px;
	line-height: 1.22;
}

.ozi-okuma__baslik a {
	color: var(--ozi-lacivert);
	text-decoration: none;
}

.ozi-okuma__baslik a:hover,
.ozi-okuma__baslik a:focus-visible {
	text-decoration: underline;
}

.ozi-okuma__ozet {
	margin: 0;
	max-width: 70ch;
	font-size: 17px;
	line-height: 1.65;
	color: var(--ozi-metin-ikincil);
}

/* İşyerleri --------------------------------------------------------- */

.ozi-isyeri-izgara {
	display: grid;
	gap: 16px;
	margin-top: 20px;
}

.ozi-isyeri-kart {
	padding: 22px;
	background: var(--ozi-yuzey);
	border: 1px solid var(--ozi-cizgi);
	border-radius: var(--ozi-radius);
	box-shadow: var(--ozi-golge-1);
	transition:
		border-color var(--ozi-gecis) var(--ozi-egri),
		box-shadow var(--ozi-gecis) var(--ozi-egri);
}

.ozi-isyeri-kart:hover {
	border-color: var(--ozi-lacivert-acik);
	box-shadow: var(--ozi-golge-2);
}

.ozi-isyeri-kart__ad {
	margin: 0;
	font-size: 23px;
	line-height: 1.2;
}

.ozi-isyeri-kart__ad a {
	color: var(--ozi-lacivert);
	text-decoration: none;
}

.ozi-isyeri-kart__ad a:hover,
.ozi-isyeri-kart__ad a:focus-visible {
	text-decoration: underline;
}

.ozi-isyeri-kart__isveren {
	margin: 6px 0 0;
	font-size: 15px;
	color: var(--ozi-metin-ikincil);
}

.ozi-isyeri-kart__tis {
	margin: 12px 0 0;
}

.ozi-isyeri-kart__sayi {
	margin: 10px 0 0;
	font-size: 14px;
	color: var(--ozi-metin-ikincil);
}

/* TİS durum rozeti.
   Renk yalnızca durumu taşımıyor: metin her zaman yanında. */
.ozi-tis {
	display: inline-flex;
	align-items: center;
	padding: 4px 12px;
	border-radius: var(--ozi-radius-hap);
	font-size: 13px;
	font-weight: 700;
}

.ozi-tis--yururlukte {
	background: #E3F2E8;
	color: #15603A;
}

.ozi-tis--gorusme {
	background: #FFF3D6;
	color: #7A5600;
}

.ozi-tis--yetki {
	background: #E6EAF5;
	color: var(--ozi-lacivert);
}

.ozi-tis--yok {
	background: var(--ozi-zemin);
	color: var(--ozi-metin-ikincil);
}

.ozi-tis__bitis {
	display: block;
	margin-top: 6px;
	font-size: 15px;
	color: var(--ozi-metin-ikincil);
}

.ozi-isyeri-kunye {
	display: grid;
	gap: 16px 32px;
	margin: 0 0 36px;
	padding: 20px;
	background: var(--ozi-zemin);
	border-radius: var(--ozi-radius);
}

.ozi-isyeri-kunye dt {
	font-size: 13px;
	font-weight: 700;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	color: var(--ozi-metin-ikincil);
}

.ozi-isyeri-kunye dd {
	margin: 6px 0 0;
	font-size: 17px;
	color: var(--ozi-metin);
}

@media (min-width: 600px) {
	.ozi-isyeri-izgara {
		grid-template-columns: repeat(2, 1fr);
	}

	.ozi-isyeri-kunye {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
}

@media (min-width: 900px) {
	.ozi-isyeri-izgara {
		grid-template-columns: repeat(3, 1fr);
	}
}

@media (prefers-reduced-motion: reduce) {
	.ozi-isyeri-kart {
		transition-duration: 1ms;
	}
}

/* =========================================================
   Tek yazı sayfası, arşiv ızgarası, paylaşım ve sayfalama

   Bu bölüm yazılana kadar haber okuma yolu ana temaya düşüyordu.
   Ölçüler iç sayfa düzeniyle aynı: .ozi-sayfa__ic--dar 760px,
   okuma satırı 65-75 karakter aralığında.
   ========================================================= */

/* ---------- Yazı başlığı ---------- */

/*
 * gap: 2px — kategori bağlantısının 44px'lik dokunma alanı zaten
 * görünmez bir boşluk bırakıyor. 10px bırakılsaydı başlıkla arası
 * gereğinden fazla açılırdı.
 */
.ozi-yazi__baslik {
	display: flex;
	flex-direction: column;
	gap: 2px;
	align-items: flex-start;
}

.ozi-yazi__baslik h1 {
	font-size: 28px;
	line-height: 1.2;
	color: var(--ozi-lacivert);
	margin: 0;
}

@media (min-width: 600px) {
	.ozi-yazi__baslik h1 {
		font-size: 36px;
	}
}

/*
 * Kategori etiketi: ilk halinde 28px yüksekliğinde lacivert bir rozetti,
 * projenin ≥44px dokunma hedefi kuralının altında kalıyordu. Rozeti 44px
 * yapmak başlıkla boy ölçüşüyordu; onun yerine arka plan kaldırıldı.
 * Metin görsel olarak küçük kalıyor, dokunulabilir alan 44px.
 * Kırmızı kullanılmadı: kırmızı projede eylem ve uyarı rengi,
 * sınıflandırma değil.
 */
.ozi-yazi__kategori {
	display: inline-flex;
	align-items: center;
	min-height: var(--ozi-dokunma);
	color: var(--ozi-lacivert);
	font-size: 13px;
	font-weight: 700;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	text-decoration: none;
	transition: color var(--ozi-gecis) var(--ozi-egri);
}

.ozi-yazi__kategori:hover,
.ozi-yazi__kategori:focus-visible {
	color: var(--ozi-kirmizi);
	text-decoration: underline;
	text-underline-offset: 3px;
}

/* ---------- Öne çıkarılan görsel ---------- */

/*
 * Tam genişlik değil: 1240px'lik kapsayıcıda kalıyor. Metin 760px'te
 * okunuyor, görselin sayfanın iki ucuna yayılması okuma kolonunu
 * görsele göre dar gösteriyordu.
 */
.ozi-yazi__gorsel {
	max-width: var(--ozi-genislik);
	margin: 0 auto 8px;
	padding: 0 var(--ozi-bosluk);
}

.ozi-yazi__gorsel img {
	display: block;
	width: 100%;
	height: auto;
	border-radius: var(--ozi-radius);
	box-shadow: var(--ozi-golge-2);
}

.ozi-yazi__gorsel figcaption {
	margin-top: 10px;
	font-size: 14px;
	color: var(--ozi-metin-ikincil);
}

/* ---------- Yazı gövdesi ---------- */

.ozi-yazi__govde {
	font-size: 17px;
	line-height: 1.7;
	color: var(--ozi-metin);
}

.ozi-yazi__govde > * + * {
	margin-top: 1.1em;
}

.ozi-yazi__govde h2 {
	font-size: 24px;
	line-height: 1.25;
	color: var(--ozi-lacivert);
	margin-top: 1.6em;
}

.ozi-yazi__govde h3 {
	font-size: 20px;
	line-height: 1.3;
	color: var(--ozi-lacivert);
	margin-top: 1.4em;
}

.ozi-yazi__govde img {
	height: auto;
	border-radius: var(--ozi-radius);
}

.ozi-yazi__govde blockquote {
	margin-left: 0;
	padding-left: 18px;
	border-left: 3px solid var(--ozi-altin-koyu);
	color: var(--ozi-metin-ikincil);
	font-style: italic;
}

.ozi-yazi__govde a {
	color: var(--ozi-lacivert);
	text-decoration: underline;
	text-underline-offset: 2px;
}

.ozi-yazi__govde a:hover {
	color: var(--ozi-kirmizi);
}

/* ---------- Paylaş ---------- */

.ozi-paylas {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	align-items: center;
	margin-top: 32px;
	padding-top: 20px;
	border-top: 1px solid var(--ozi-cizgi);
}

.ozi-paylas__etiket {
	font-weight: 700;
	color: var(--ozi-metin-ikincil);
	margin-right: 4px;
}

.ozi-paylas__bag {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	min-height: var(--ozi-dokunma);
	padding: 0 16px;
	border: 1px solid #D3DAE3;
	border-radius: var(--ozi-radius-hap);
	color: var(--ozi-lacivert);
	font-size: 15px;
	font-weight: 600;
	text-decoration: none;
	transition: border-color var(--ozi-gecis) var(--ozi-egri), background var(--ozi-gecis) var(--ozi-egri);
}

.ozi-paylas__bag:hover,
.ozi-paylas__bag:focus-visible {
	border-color: var(--ozi-lacivert);
	background: var(--ozi-zemin);
}

.ozi-paylas__bag svg {
	flex-shrink: 0;
}

/* ---------- İlgili haberler ---------- */

/*
 * Açık zemin üstünde ince bir dikişle ayrılıyor: okuma bitti,
 * sıradaki adım başlıyor.
 */
.ozi-ilgili {
	border-top: 1px solid var(--ozi-cizgi);
	background: var(--ozi-zemin);
	margin-top: 48px;
}

/* ---------- Arşiv ızgarası ---------- */

.ozi-kart-izgara--arsiv {
	margin-top: 8px;
}

/* ---------- Sayfalama ---------- */

.ozi-sayfa .pagination,
.ozi-sayfa .navigation.pagination {
	margin-top: 40px;
}

.ozi-sayfa .nav-links {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	justify-content: center;
	align-items: center;
}

.ozi-sayfa .page-numbers {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: var(--ozi-dokunma);
	min-height: var(--ozi-dokunma);
	padding: 0 14px;
	border: 1px solid var(--ozi-cizgi);
	border-radius: var(--ozi-radius-kucuk);
	background: #FFFFFF;
	color: var(--ozi-lacivert);
	font-weight: 600;
	text-decoration: none;
	transition: border-color var(--ozi-gecis) var(--ozi-egri);
}

.ozi-sayfa .page-numbers:hover {
	border-color: var(--ozi-lacivert);
}

.ozi-sayfa .page-numbers.current {
	background: var(--ozi-lacivert);
	border-color: var(--ozi-lacivert);
	color: #FFFFFF;
}

.ozi-sayfa .page-numbers.dots {
	border-color: transparent;
	background: none;
}

@media (prefers-reduced-motion: reduce) {
	.ozi-yazi__kategori,
	.ozi-paylas__bag,
	.ozi-sayfa .page-numbers {
		transition: none;
	}
}

/* =========================================================
   Üye avantajları arşivi ve tek anlaşma sayfası
   (archive-anlasma.php, single-anlasma.php)
   ========================================================= */

/*
 * İki filtre satırı alt alta. Her satırın kendi etiketi var ("Kategori",
 * "Şehir") — tek grupta etiket gereksizdi, ikisi yan yana durunca
 * hangi düğmenin hangi boyuta ait olduğu başka türlü anlaşılmıyor.
 */
.ozi-filtre--etiketli {
	display: grid;
	gap: 6px;
	margin-bottom: 14px;
}

.ozi-filtre__etiket {
	font-size: 13px;
	font-weight: 700;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	color: var(--ozi-metin-ikincil);
}

.ozi-filtre__dugmeler {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

.ozi-avantaj-arsiv {
	margin-top: 20px;
}

.ozi-avantaj-arsiv .ozi-avantaj-izgara {
	margin-top: 20px;
}

/*
 * Ana sayfadaki boş mesaj lacivert zemin için yazılmış (açık renk
 * metin). Arşiv açık zeminde, orada okunmazdı.
 */
.ozi-avantaj-bos--acik {
	color: var(--ozi-metin-ikincil);
}

/* Tek anlaşma başlığı --------------------------------------------- */

/*
 * Başlıkta görsel yoktur (0.15.0). Sayfanın tek görseli aşağıdaki tam
 * boy öne çıkarılan görsel; başlığın yanındaki küçük logo onunla
 * yarışıyordu. Logo kartın işi.
 */
.ozi-anlasma__baslik {
	margin-bottom: 20px;
}

.ozi-anlasma__baslik-metin {
	min-width: 0;
}

/*
 * Büyük görsel. Haberdeki `.ozi-yazi__gorsel` ile aynı yer ve çerçeve,
 * ama img kuralı farklı: haber görselleri 1200x700 sabit kırpımdır,
 * anlaşma görselleri 2:1 afişten 3:4 fiyat tablosuna kadar değişiyor.
 * Bu yüzden genişlik zorlanmıyor; görsel kendi oranını koruyor ve
 * yüksekliği 70vh ile sınırlanıyor — dikey bir tablo yoksa ekranı
 * baştan sona kaplıyordu.
 */
.ozi-anlasma__gorsel {
	max-width: var(--ozi-genislik);
	margin: 0 auto 20px;
	padding: 0 var(--ozi-bosluk);
}

.ozi-anlasma__gorsel img {
	display: block;
	width: auto;
	height: auto;
	max-width: 100%;
	max-height: 70vh;
	margin: 0 auto;
	border-radius: var(--ozi-radius);
	box-shadow: var(--ozi-golge-2);
}

.ozi-anlasma__gorsel figcaption {
	margin-top: 10px;
	font-size: 14px;
	text-align: center;
	color: var(--ozi-metin-ikincil);
}

.ozi-anlasma__baslik h1 {
	margin: 0;
}

.ozi-anlasma__kurum {
	margin: 4px 0 0;
	color: var(--ozi-metin-ikincil);
}

/* İndirim kırmızı: renk rolleri gereği kırmızı = eylem ve uyarı. */
.ozi-anlasma__indirim {
	display: inline-block;
	margin: 8px 0 0;
	padding: 4px 12px;
	border-radius: var(--ozi-radius-kucuk);
	background: var(--ozi-kirmizi);
	color: var(--ozi-beyaz);
	font-weight: 600;
}

.ozi-anlasma__doldu {
	margin: 0 0 20px;
	padding: 12px 16px;
	border-left: 3px solid var(--ozi-kirmizi);
	background: var(--ozi-zemin);
	border-radius: var(--ozi-radius-kucuk);
	color: var(--ozi-metin);
}

/*
 * Künyedeki bağlantılar (kategori, şehir, telefon, web) ölçüldüğünde
 * 24px çıkıyordu, ≥44px kuralının altında. Metin boyu değişmeden
 * dokunma alanı büyütüldü — tek yazı sayfasındaki kategori etiketinde
 * de aynı çözüm kullanılmıştı.
 */
.ozi-anlasma-kunye dd a {
	display: inline-flex;
	align-items: center;
	min-height: var(--ozi-dokunma);
}

.ozi-anlasma__sart {
	margin: 0 0 24px;
}

.ozi-anlasma__sart h2 {
	margin: 0 0 8px;
	font-size: 20px;
}

.ozi-anlasma__sart p,
.ozi-anlasma__metin {
	font-size: 17px;
	line-height: 1.65;
}

.ozi-benzer-anlasma {
	margin-top: 36px;
	padding: 28px 0 8px;
	border-top: 1px solid var(--ozi-cizgi);
}

.ozi-benzer-anlasma__baslik {
	margin: 0 0 16px;
	font-size: 22px;
}

/* =========================================================
   Yönetim kurulu sayfası (template-yonetim.php)

   Başkan lacivert panel, kalanlar ince çizgili sade bloklar.
   Kart ızgarası değil: sekiz kişinin sekizi de aynı ağırlıkta
   gölgeli kart olsaydı sayfa başkanı kaybederdi, bu sayfanın
   işi ise hiyerarşiyi göstermek.
   ========================================================= */

.ozi-yonetim-liste {
	display: grid;
	gap: 0;
	margin: 24px 0 0;
	padding: 0;
	list-style: none;
}

.ozi-yonetim-kisi {
	display: flex;
	gap: 16px;
	align-items: flex-start;
	padding: 20px 0;
	border-top: 1px solid var(--ozi-cizgi);
}

.ozi-yonetim-kisi:last-child {
	border-bottom: 1px solid var(--ozi-cizgi);
}

/* Uzun ad dar sütunda taşmasın. */
.ozi-yonetim-kisi__metin {
	min-width: 0;
}

/*
 * Portre: temsilci kartındaki çerçevenin aynısı (72px, yuvarlak,
 * fotoğraf yoksa ilk harf). object-position yukarıya kaydırıldı —
 * kaynak fotoğrafların bir kısmı yatay ve yüz üst yarıda kalıyor,
 * ortadan kırpınca çene hizasından kesiliyordu.
 */
.ozi-yonetim-kisi__portre {
	flex: none;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 72px;
	height: 72px;
	overflow: hidden;
	border-radius: var(--ozi-radius-hap);
	/*
	 * Lacivert, temsilci kartındaki --ozi-zemin değil. Sebebi ölçüldü:
	 * bu sayfanın zemini de --ozi-zemin (#F4F6F9), yani daire zeminle
	 * birebir aynı renge geliyordu (kontrast 1.0) ve fotoğrafı olmayan
	 * iki kişide havada duran bir harf gibi görünüyordu. Temsilci kartı
	 * beyaz yüzeyin üstünde durduğu için orada sorun yok.
	 */
	background: var(--ozi-lacivert-acik);
}

.ozi-yonetim-kisi__portre img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center 25%;
}

.ozi-yonetim-kisi__harf {
	font-family: var(--ozi-baslik-font);
	font-size: 30px;
	font-weight: 700;
	color: var(--ozi-beyaz);
}

.ozi-yonetim-kisi__ad {
	margin: 0;
	font-family: 'Barlow Condensed', sans-serif;
	font-size: 22px;
	font-weight: 600;
	line-height: 1.2;
	color: var(--ozi-metin);
}

.ozi-yonetim-kisi__unvan {
	margin: 4px 0 0;
	font-size: 15px;
	color: var(--ozi-metin-ikincil);
}

.ozi-yonetim-kisi__not {
	margin: 10px 0 0;
	max-width: 62ch;
	font-size: 16px;
	line-height: 1.55;
}

/*
 * Bağlantı 44px dokunma hedefi: metin küçük ama tıklama alanı değil.
 * Altı çizili, çünkü bu sayfada ok yok ve düğme de yok — tıklanır
 * olduğunu başka hiçbir şey söylemiyor.
 */
.ozi-yonetim-kisi__bag {
	display: inline-flex;
	align-items: center;
	min-height: 44px;
	margin-top: 2px;
	font-weight: 600;
	color: var(--ozi-lacivert);
	text-decoration: underline;
	text-underline-offset: 3px;
}

.ozi-yonetim-kisi__bag:hover {
	color: var(--ozi-kirmizi);
}

/* Başkan: ana sayfadaki kutuyla aynı dil. */
.ozi-yonetim-kisi--baskan {
	margin-bottom: 8px;
	padding: 24px;
	border: 1px solid rgba(233, 208, 142, 0.45);
	border-radius: var(--ozi-radius);
	background: linear-gradient(150deg, #1B2459 0%, var(--ozi-lacivert-koyu) 100%);
	box-shadow: var(--ozi-golge-1);
}

.ozi-yonetim-kisi--baskan:last-child {
	border-bottom: 1px solid rgba(233, 208, 142, 0.45);
}

.ozi-yonetim-kisi--baskan .ozi-yonetim-kisi__ad {
	font-size: 26px;
	color: var(--ozi-beyaz);
}

.ozi-yonetim-kisi--baskan .ozi-yonetim-kisi__unvan {
	font-weight: 600;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	color: var(--ozi-altin);
}

.ozi-yonetim-kisi--baskan .ozi-yonetim-kisi__not {
	color: var(--ozi-metin-koyu-zemin);
}

.ozi-yonetim-kisi--baskan .ozi-yonetim-kisi__bag {
	color: var(--ozi-beyaz);
}

.ozi-yonetim-kisi--baskan .ozi-yonetim-kisi__bag:hover {
	color: var(--ozi-altin);
}

/*
 * Başkanın portresi büyük. 375px'te 120px portre + metin yan yana
 * sıkışıyordu (metne 159px kalıyordu), o yüzden mobilde alt alta;
 * 600px'ten itibaren yan yana.
 */
.ozi-yonetim-kisi--baskan {
	flex-direction: column;
}

.ozi-yonetim-kisi--baskan .ozi-yonetim-kisi__portre {
	width: 120px;
	height: 120px;
	background: var(--ozi-lacivert-acik);
}

.ozi-yonetim-kisi--baskan .ozi-yonetim-kisi__harf {
	color: var(--ozi-altin);
}

@media (min-width: 600px) {
	/*
	 * Başkan tam genişlikte kalır, kalanlar ikişerli. Satır içi
	 * çizgiler sütunlar arasında çakışmasın diye yatay boşluk 32px.
	 */
	.ozi-yonetim-liste {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		column-gap: 32px;
	}

	.ozi-yonetim-kisi--baskan {
		grid-column: 1 / -1;
		flex-direction: row;
		gap: 24px;
	}
}

/* =========================================================
   Sayfa gövdesinde okuma satırı

   Sayfaların kendi şablonu yok, Kadence'inkine düşüyorlar ve o
   metni kabın tamamına yayıyor: 1178px genişlikte satır ~139
   karakter oluyor, okuma satırının iki katı. Özgeçmiş sayfaları
   yazıldıktan sonra fark edildi ama sorun bütün sayfalarda vardı.

   Yalnızca metin öğeleri daraltılıyor; görsel, tablo ve gömülü
   içerik geniş kalabilsin diye liste dışında bırakıldı.
   `ch` birimi temanın başka yerinde de kullanılıyor
   (.ozi-sayfa__aciklama 62ch); 70ch belgelenen 65-75 aralığında.
   ========================================================= */

body.page .entry-content > :is(p, ul, ol, h2, h3, h4, h5, h6, blockquote, dl) {
	max-width: 70ch;
}

/* =========================================================
   Arama sonuçları ve 404

   İkisi de aynı durumun iki hali: kişi aradığını bulamadı.
   Bu yüzden aynı parçaları paylaşıyorlar — sayfa içi arama
   kutusu ve "buralara bakabilirsiniz" listesi.
   ========================================================= */

/*
 * Başlıktaki arama paneli sayfa gövdesinde de kullanılıyor.
 * Sınıf aynı kalıyor çünkü Kadence'in gönder düğmesini ezen
 * kuralların hepsi .ozi-arama kapsamında; ikinci kez yazmak
 * yerine panelin kendi çerçevesi ve zemini burada sıfırlanıyor.
 */
.ozi-arama--sayfa {
	border-top: 0;
	background: transparent;
	padding: 0;
	margin-bottom: 28px;
}

.ozi-sonuc-liste {
	list-style: none;
	margin: 0;
	padding: 0;
	display: grid;
	gap: 12px;
}

/*
 * Sonuç satırı karttır. Ölçüleri Duyurular ve yan haber kartıyla
 * birebir aynı; sitede kısa başlık listesi her yerde kart.
 */
.ozi-sonuc {
	background: var(--ozi-yuzey);
	border: 1px solid var(--ozi-cizgi);
	border-radius: var(--ozi-radius);
	box-shadow: var(--ozi-golge-1);
	transition:
		transform var(--ozi-gecis) var(--ozi-egri),
		box-shadow var(--ozi-gecis) var(--ozi-egri),
		border-color var(--ozi-gecis) var(--ozi-egri);
}

.ozi-sonuc:hover,
.ozi-sonuc:focus-within {
	transform: translateY(-2px);
	border-color: var(--ozi-lacivert-acik);
	box-shadow: var(--ozi-golge-2);
}

.ozi-sonuc__bag {
	display: flex;
	gap: 14px;
	align-items: flex-start;
	min-height: var(--ozi-dokunma);
	padding: 14px 16px;
	text-decoration: none;
	color: inherit;
}

/*
 * Dar ekranda 72px. 96px'te metin sutunu 190px'e iniyor ve
 * baslik dort satira yayiliyordu; gorsel burada esliktir, asil is
 * basligin.
 */
.ozi-sonuc__gorsel {
	flex: none;
	width: 72px;
	height: 56px;
	object-fit: cover;
	border-radius: var(--ozi-radius-kucuk);
	display: block;
}

.ozi-sonuc__metin {
	display: block;
	min-width: 0;
}

.ozi-sonuc__ust {
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
	gap: 4px 10px;
	margin-bottom: 3px;
}

/*
 * Tür etiketi sonucun ne olduğunu söyleyen tek şey: aynı listede
 * haber, sayfa, anlaşma ve temsilci yan yana duruyor.
 */
.ozi-sonuc__tur {
	font-size: 13px;
	font-weight: 700;
	letter-spacing: 0.04em;
	color: var(--ozi-lacivert-acik);
}

.ozi-sonuc__baslik {
	display: block;
	font-family: var(--ozi-baslik-font);
	font-size: 21px;
	font-weight: 600;
	line-height: 1.2;
	color: var(--ozi-lacivert);
}

.ozi-sonuc__bag:hover .ozi-sonuc__baslik,
.ozi-sonuc__bag:focus-visible .ozi-sonuc__baslik {
	text-decoration: underline;
}

/*
 * Ozet uc satira kirpiliyor. Metin DOM'da tam duruyor, yalnizca
 * gorsel olarak kisaliyor; ekran okuyucu tamamini okur. Ayni desen
 * haber kartinin ozetinde de var.
 */
.ozi-sonuc__ozet {
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
	margin-top: 4px;
	font-size: 15px;
	line-height: 1.5;
	color: var(--ozi-metin-ikincil);
}

/*
 * Arama terimi işareti. Tarayıcının sarı <mark> zemini palete ait
 * değil; lacivertin %10'u kullanılıyor. Altın konmadı: altın
 * yalnızca lacivert zeminde kullanılır (style.css'teki kural).
 */
.ozi-vurgu {
	background: rgba(23, 32, 79, 0.10);
	color: inherit;
	border-radius: 3px;
	padding: 0 2px;
}

.ozi-arama-ipucu {
	margin: 6px 0 0;
	color: var(--ozi-metin-ikincil);
}

/* ---------- Yol listesi (sonuç yok / 404) ---------- */

.ozi-oneri {
	margin-top: 32px;
	padding-top: 24px;
	border-top: 1px solid var(--ozi-cizgi);
}

.ozi-oneri__baslik {
	margin: 0 0 12px;
	font-size: 22px;
	color: var(--ozi-lacivert);
}

.ozi-oneri__liste {
	list-style: none;
	margin: 0;
	padding: 0;
	display: grid;
	gap: 4px 24px;
}

.ozi-oneri__liste a {
	display: inline-flex;
	align-items: center;
	min-height: var(--ozi-dokunma);
	font-weight: 600;
	text-decoration: underline;
}

/* ---------- 404 ---------- */

/*
 * Sayı sayfanın görsel çıpası. Süs değil: kişinin nereye düştüğünü
 * tek bakışta söylüyor ve başlık onu açıklıyor.
 */
.ozi-404__kod {
	margin: 0 0 2px;
	font-family: var(--ozi-baslik-font);
	font-size: 64px;
	font-weight: 700;
	line-height: 1;
	color: var(--ozi-lacivert-acik);
}

@media (min-width: 600px) {
	.ozi-oneri__liste {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.ozi-sonuc__baslik {
		font-size: 23px;
	}

	.ozi-sonuc__gorsel {
		width: 96px;
		height: 72px;
	}
}

/* =========================================================
   Sıkça Sorulan Sorular (template-sss.php)
   ========================================================= */

.ozi-sss__giris {
	margin-bottom: 24px;
	font-size: 17px;
	line-height: 1.6;
	color: var(--ozi-metin-ikincil);
}

.ozi-sss__giris p {
	margin: 0 0 12px;
}

.ozi-sss {
	display: grid;
	gap: 10px;
}

/*
 * Her soru bir kart. Ölçüler Duyurular kartıyla aynı; sitedeki
 * bütün başlık listeleri kart ve bu da öyle.
 */
.ozi-sss__madde {
	background: var(--ozi-yuzey);
	border: 1px solid var(--ozi-cizgi);
	border-radius: var(--ozi-radius);
	box-shadow: var(--ozi-golge-1);
	transition:
		box-shadow var(--ozi-gecis) var(--ozi-egri),
		border-color var(--ozi-gecis) var(--ozi-egri);
}

.ozi-sss__madde:hover,
.ozi-sss__madde:focus-within {
	border-color: var(--ozi-lacivert-acik);
	box-shadow: var(--ozi-golge-2);
}

/*
 * Kart hover'da yükselmiyor. Soru açılınca kartın yüksekliği zaten
 * değişiyor; üstüne bir de kayma koyunca liste altta zıplıyordu.
 */
.ozi-sss__ac {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	min-height: var(--ozi-dokunma);
	padding: 14px 18px;
	cursor: pointer;
	list-style: none;
}

/* Tarayıcının kendi üçgenini kaldırır; yerine aşağıdaki ok geliyor. */
.ozi-sss__ac::-webkit-details-marker {
	display: none;
}

.ozi-sss__ac:focus-visible {
	outline: 2px solid var(--ozi-lacivert);
	outline-offset: -2px;
	border-radius: var(--ozi-radius);
}

.ozi-sss__soru {
	margin: 0;
	font-family: var(--ozi-baslik-font);
	font-size: 19px;
	font-weight: 600;
	line-height: 1.25;
	color: var(--ozi-lacivert);
}

/*
 * Açılır gösterge. Sitedeki "ok konmaz" kuralı bölüm başlığı
 * bağlantıları içindi; burada ok süs değil, kartın açılıp
 * kapandığını söyleyen tek işaret.
 */
.ozi-sss__ac::after {
	content: "";
	flex: none;
	width: 9px;
	height: 9px;
	margin-right: 4px;
	border-right: 2px solid var(--ozi-lacivert-acik);
	border-bottom: 2px solid var(--ozi-lacivert-acik);
	transform: rotate(45deg) translate(-2px, -2px);
	transition: transform var(--ozi-gecis) var(--ozi-egri);
}

.ozi-sss__madde[open] .ozi-sss__ac::after {
	transform: rotate(225deg) translate(-2px, -2px);
}

.ozi-sss__cevap {
	padding: 4px 18px 18px;
	font-size: 16px;
	line-height: 1.6;
}

.ozi-sss__cevap > :first-child {
	margin-top: 0;
}

.ozi-sss__cevap > :last-child {
	margin-bottom: 0;
}

.ozi-sss__cevap a {
	text-decoration: underline;
}

@media (min-width: 600px) {
	.ozi-sss__soru {
		font-size: 21px;
	}
}

/* =========================================================
   Fluent Forms (Soru Sor)

   Eklenti kendi mavisiyle (#1a7efb) geliyor; sitede o renk yok.
   Kurallar `.frm-fluent-form` kapsamında, yani ileride açılacak
   her form de aynı dili konuşur.
   ========================================================= */

.frm-fluent-form .ff-el-input--label label {
	font-weight: 600;
	color: var(--ozi-metin);
}

.frm-fluent-form .ff-el-form-control {
	min-height: var(--ozi-dokunma);
	padding: 10px 14px;
	border: 1px solid #D3DAE3;
	border-radius: var(--ozi-radius-kucuk);
	font: inherit;
	color: var(--ozi-metin);
	background: var(--ozi-beyaz);
	box-shadow: none;
}

.frm-fluent-form textarea.ff-el-form-control {
	min-height: 140px;
	line-height: 1.5;
}

.frm-fluent-form .ff-el-form-control:focus,
.frm-fluent-form .ff-el-form-control:focus-visible {
	border-color: var(--ozi-lacivert-acik);
	outline: 2px solid var(--ozi-lacivert);
	outline-offset: 1px;
}

/*
 * Gönder düğmesi kırmızı: sitede kırmızı "eylem ve uyarı" rengidir
 * (Üye Ol, e-Devlet). Form göndermek de bir eylem.
 *
 * Renk eklentinin kendi değişkeniyle veriliyor. Eklenti düğmeyi
 * `form.fluent_form_3 .ff-btn-submit:not(.ff_btn_no_style)` ile
 * boyuyor — (0,3,1) özgüllük ve sayfanın sonunda basılıyor, yani
 * sıradan bir kuralla yenilemiyor. Değişkeni ezmek özgüllük
 * yarışına girmeden aynı işi görüyor ve eklentinin kendi kuralı
 * doğru rengi üretiyor.
 */
.fluentform,
.frm-fluent-form {
	--fluentform-primary: var(--ozi-kirmizi);
}

.frm-fluent-form .ff-btn-submit {
	min-height: var(--ozi-dokunma);
	padding: 0 26px;
	border: 0;
	border-radius: var(--ozi-radius-kucuk);
	background: var(--ozi-kirmizi);
	color: var(--ozi-beyaz);
	font-family: var(--ozi-govde-font);
	font-size: 16px;
	font-weight: 700;
	cursor: pointer;
	transition:
		background var(--ozi-gecis) var(--ozi-egri),
		transform var(--ozi-gecis) var(--ozi-egri),
		box-shadow var(--ozi-gecis) var(--ozi-egri);
}

/* Hover'da eklentinin kuralını yenmek için aynı kalıp kullanılıyor. */
form.frm-fluent-form .ff-btn-submit:not(.ff_btn_no_style):hover,
form.frm-fluent-form .ff-btn-submit:not(.ff_btn_no_style):focus-visible {
	background: var(--ozi-kirmizi-koyu);
	color: var(--ozi-beyaz);
	transform: translateY(-2px);
	box-shadow: 0 10px 22px rgba(192, 29, 46, 0.32);
}

/* KVKK onayı: tıklama alanı satırın tamamı, kutu 44px'e yakın durur. */
.frm-fluent-form .ff-el-group.ff_gdpr_field_wrapper,
.frm-fluent-form .ff-el-group:has(> .ff-el-form-check input[name="gdpr-agreement"]) {
	margin-top: 18px;
}

.frm-fluent-form input[name="gdpr-agreement"] {
	width: 20px;
	height: 20px;
	margin-right: 8px;
	accent-color: var(--ozi-lacivert);
}

.frm-fluent-form .ff_gdpr_field + label,
.frm-fluent-form .ff-el-tc label {
	line-height: 1.55;
	color: var(--ozi-metin-ikincil);
}

.frm-fluent-form .ff-el-tc a,
.frm-fluent-form .ff-el-group a {
	color: var(--ozi-lacivert);
	text-decoration: underline;
}

/* Hata ve başarı iletileri sitenin renkleriyle. */
.frm-fluent-form .error.text-danger,
.frm-fluent-form .ff-el-is-error .error {
	color: var(--ozi-kirmizi-koyu);
}

.ff-message-success {
	padding: 16px 18px;
	border: 1px solid var(--ozi-cizgi);
	border-left: 4px solid var(--ozi-lacivert);
	border-radius: var(--ozi-radius);
	background: var(--ozi-yuzey);
	color: var(--ozi-metin);
}