/*
Theme Name: Vatandaş Hakları
Description: vatandashaklari.com teması: soru-cevap düzeni (yön F, 05.11.2026). Sayfa oluşturucusuz, yazı tipleri sunucuda. Kimlik: ~/Documents/vatandasrehberi/marka/KIMLIK.md
Version: 1.0.0
Requires PHP: 8.1
Text Domain: vatandas-haklari
*/

/* Kimlik: petrol ana renk, zümrüt ikinci vurgu, limon yalnız zemin ya da koyu üstünde (açık zeminde yazı rengi olmaz), buz zemin, gece metin. */
:root {
	--buz: #EEF5F2;
	--beyaz: #FFFFFF;
	--gece: #0A1F1D;
	--ikincil: #3E5552;
	--petrol: #0E4F4A;
	--zumrut: #14806E;
	--limon: #D6F04A;
	--cizgi: #CADBD5;
	--petrol-acik: #DCEBE6;
	--bas: "Outfit", "Trebuchet MS", sans-serif;
	--gov: "Figtree", system-ui, -apple-system, "Segoe UI", sans-serif;

	/* rehber-kisakodlar.php ve rehber-araclar.php (SSS, dipnot, kutular, araç) renkleri */
	--rh-vurgu: #0E4F4A;
	--rh-vurgu-acik: #DCEBE6;
	--rh-metin: #0A1F1D;
	--rh-metin-ikincil: #3E5552;
	--rh-zemin: #FFFFFF;
	--rh-zemin-alt: #EEF5F2;
	--rh-cizgi: #CADBD5;
	--rh-radius: 10px;
}

* { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body { margin: 0; background: var(--buz); color: var(--gece); font-family: var(--gov); font-size: 18px; line-height: 1.6; overflow-wrap: break-word; }
a { color: inherit; }
a:focus-visible, summary:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible { outline: 3px solid var(--zumrut); outline-offset: 2px; }
img { max-width: 100%; height: auto; }
.gec { position: absolute; left: -999px; top: 0; background: var(--petrol); color: var(--beyaz); padding: 12px 16px; z-index: 10; }
.gec:focus { left: 8px; }
.gizli, .screen-reader-text { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.kap { max-width: 1160px; margin: 0 auto; padding: 0 28px; }

/* Üst */
.ust { background: var(--beyaz); border-bottom: 1px solid var(--cizgi); }
.ust-ic { display: flex; justify-content: space-between; align-items: center; gap: 16px; padding-block: 14px; }
.marka { margin: 0; line-height: 0; }
.marka a { display: inline-block; }
.logo { display: block; height: 58px; width: auto; }
.ig { display: inline-flex; align-items: center; gap: 7px; font-weight: 700; font-size: 15px; color: var(--petrol); text-decoration: none; white-space: nowrap; min-height: 44px; }
.ig svg { flex: 0 0 auto; }
.ig:hover { text-decoration: underline; text-underline-offset: 3px; }
nav.konular { display: flex; gap: 24px; overflow-x: auto; border-top: 1px solid var(--cizgi); scrollbar-width: none; }
nav.konular::-webkit-scrollbar { display: none; }
nav.konular a { flex: 0 0 auto; text-decoration: none; font-weight: 700; font-size: 16px; padding: 12px 0; color: var(--ikincil); }
nav.konular a { transition: color .15s, box-shadow .15s; }
nav.konular a[aria-current], nav.konular a:hover, nav.konular a:focus-visible { color: var(--petrol); box-shadow: inset 0 -4px 0 var(--limon); }
@media (min-width: 900px) { nav.konular { justify-content: space-between; gap: 16px; } }

/* Ortak düzen */
.duzen { display: grid; grid-template-columns: minmax(0, 1fr) 340px; gap: 44px; padding-block: 32px 52px; }
.ana-icerik { min-width: 0; }
h2.bb { font-family: var(--bas); font-weight: 800; font-size: 22px; line-height: 1.15; margin: 0 0 10px; color: var(--petrol); }
.bos { color: var(--ikincil); }

/* Ana sayfa girişi */
.giris { padding-block: 30px 0; }
.giris h2 { font-family: var(--bas); font-weight: 900; font-size: 38px; line-height: 1.1; margin: 0 0 6px; color: var(--petrol); text-wrap: balance; }
@media (min-width: 900px) { .giris h2 { font-size: 34px; white-space: nowrap; } }
.giris p { margin: 0; color: var(--ikincil); max-width: 60ch; }
.giris + .duzen { padding-top: 26px; }

/* Konu grupları ve sorular */
.grup { margin-bottom: 34px; }
.grup:last-child { margin-bottom: 0; }
.grup-bas { display: flex; justify-content: space-between; align-items: baseline; gap: 12px; border-bottom: 2px solid var(--petrol); padding-bottom: 6px; margin-bottom: 4px; }
.grup-bas h2 { margin: 0; font-family: var(--bas); font-weight: 800; font-size: 22px; color: var(--petrol); }
.grup-bas a { font-weight: 700; font-size: 15px; color: var(--zumrut); text-decoration: none; white-space: nowrap; }
.grup-bas a:hover { text-decoration: underline; }
.soru { padding: 16px 0 18px; border-bottom: 1px solid var(--cizgi); }
.soru-ad { margin: 0 0 10px; font-family: var(--bas); font-weight: 700; font-size: 23px; line-height: 1.25; text-wrap: balance; }
.soru-ad a { text-decoration: none; }
.soru-ad a:hover { color: var(--petrol); text-decoration: underline; text-underline-offset: 4px; }

/* Kısa cevap balonu (logodaki konuşma balonunun dili) */
.cevap { position: relative; margin: 0 0 0 14px; background: var(--beyaz); border: 1px solid var(--cizgi); border-radius: 10px; padding: 12px 16px; font-size: 17px; line-height: 1.5; }
.cevap::before { content: ""; position: absolute; left: -9px; top: 14px; width: 16px; height: 16px; background: var(--beyaz); border-left: 1px solid var(--cizgi); border-bottom: 1px solid var(--cizgi); transform: rotate(45deg); }
.cevap b { color: var(--zumrut); font-weight: 800; }
.cevap a { font-weight: 700; color: var(--petrol); white-space: nowrap; }
.cevap--bas { margin-top: 18px; font-size: 18px; border-color: var(--petrol); }
.cevap--bas::before { border-color: var(--petrol); }

/* Yan sütun */
.yan { display: grid; gap: 28px; align-content: start; }
.araclar { list-style: none; margin: 0; padding: 0; border-top: 2px solid var(--petrol); }
.araclar a { display: flex; justify-content: space-between; gap: 10px; padding: 11px 0; border-bottom: 1px solid var(--cizgi); text-decoration: none; font-weight: 700; }
.araclar a::after { content: "→"; color: var(--zumrut); }
.araclar a:hover, .araclar a[aria-current] { color: var(--petrol); }
.ne-bu { background: var(--beyaz); border: 1px solid var(--cizgi); border-radius: 10px; padding: 16px 18px; }
.ne-bu p { margin: 0 0 10px; font-size: 16px; color: var(--ikincil); }
.ne-bu p:last-child { margin-bottom: 0; }

/* Sayfa / arşiv başı */
.sayfa-bas { margin-bottom: 18px; }
.sayfa-bas h1, .yazi-bas h1 { font-family: var(--bas); font-weight: 900; font-size: 40px; line-height: 1.1; margin: 0 0 8px; color: var(--petrol); text-wrap: balance; }
.arsiv-aciklama { color: var(--ikincil); max-width: 66ch; }
.arsiv-aciklama p { margin: 0 0 10px; }
.yok-kod { font-family: var(--bas); font-weight: 900; font-size: 64px; line-height: 1; color: var(--zumrut); margin: 0 0 6px; }
.arac-listesi { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
.arac-listesi a { display: flex; justify-content: space-between; align-items: center; gap: 12px; min-height: 58px; padding: 12px 16px; background: var(--beyaz); border: 1px solid var(--cizgi); border-radius: 10px; text-decoration: none; font-family: var(--bas); font-weight: 700; font-size: 19px; }
.arac-listesi a:hover { background: var(--limon); border-color: var(--limon); color: var(--petrol); }
.arac-listesi .ok { color: var(--zumrut); }
.arac-listesi a:hover .ok { color: var(--petrol); }

/* Sayfalama */
.pagination, .nav-links { margin-top: 24px; display: flex; flex-wrap: wrap; gap: 8px; }
.page-numbers { display: inline-flex; align-items: center; min-height: 44px; padding: 0 14px; border: 1px solid var(--cizgi); border-radius: 8px; background: var(--beyaz); text-decoration: none; font-weight: 700; }
.page-numbers.current { background: var(--petrol); border-color: var(--petrol); color: var(--beyaz); }

/* Yazı */
.yazi-bas { margin-bottom: 8px; }
.etiket { display: inline-block; font-size: 14px; font-weight: 800; color: var(--petrol); background: var(--limon); padding: 3px 12px; border-radius: 20px; text-decoration: none; margin-bottom: 12px; }
.etiket:hover { text-decoration: underline; }
.yazi-meta { display: flex; flex-wrap: wrap; gap: 4px 18px; margin: 0; font-size: 14px; color: var(--ikincil); }
.entry-content { font-size: 19px; line-height: 1.7; }
.entry-content > * { max-width: 70ch; }
.entry-content h2 { font-family: var(--bas); font-weight: 800; font-size: 30px; line-height: 1.15; margin: 44px 0 12px; color: var(--petrol); text-wrap: balance; scroll-margin-top: 16px; }
.entry-content h3 { font-family: var(--bas); font-weight: 700; font-size: 23px; line-height: 1.25; margin: 30px 0 8px; }
.entry-content h4 { font-size: 19px; margin: 24px 0 6px; }
.entry-content p { margin: 0 0 16px; }
.entry-content a { color: var(--petrol); font-weight: 600; text-decoration-color: var(--zumrut); text-decoration-thickness: 1px; text-underline-offset: 3px; }
.entry-content a:hover { color: var(--zumrut); }
.entry-content ul, .entry-content ol { padding-left: 1.3em; margin: 0 0 16px; }
.entry-content li { margin: 5px 0; }
.entry-content li::marker { color: var(--zumrut); font-weight: 700; }
.entry-content blockquote { margin: 22px 0; padding: 4px 0 4px 18px; border-left: 4px solid var(--zumrut); color: var(--ikincil); }
.entry-content table { width: 100%; border-collapse: separate; border-spacing: 0; margin: 0 0 22px; font-size: 17px; background: var(--beyaz); border: 1px solid var(--cizgi); border-radius: 10px; overflow: hidden; display: block; overflow-x: auto; }
.entry-content th, .entry-content td { padding: 10px 14px; text-align: left; vertical-align: top; border-top: 1px solid var(--cizgi); }
.entry-content tr:first-child > * { border-top: 0; }
.entry-content thead th, .entry-content .tablo-bas th { background: var(--petrol); color: var(--beyaz); font-family: var(--bas); font-weight: 700; font-size: 17px; }
.entry-content img { display: block; border-radius: 10px; }
.entry-content figure { margin: 0 0 20px; }
.entry-content figcaption, .wp-caption-text { font-size: 14px; color: var(--ikincil); margin-top: 6px; }
.entry-content hr { border: 0; border-top: 2px solid var(--cizgi); margin: 30px 0; }
.entry-content .rh-accordion { max-width: 70ch; margin-left: 0; }
.entry-content .rh-accordion__title { margin: 0; padding: 0; border: 0; font: inherit; color: inherit; }
.entry-content :is(.important, .warning, .success, .note, .info) { border-radius: 10px; }
.rh-arac__hesapla { font-family: var(--bas) !important; font-weight: 700; }

/* İçindekiler */
.icindekiler { margin: 26px 0 8px; max-width: 70ch; background: var(--beyaz); border: 1px solid var(--cizgi); border-radius: 10px; }
.icindekiler summary { display: flex; justify-content: space-between; align-items: center; gap: 12px; cursor: pointer; list-style: none; padding: 12px 16px; min-height: 50px; }
.icindekiler summary::-webkit-details-marker { display: none; }
.icindekiler summary span { font-family: var(--bas); font-weight: 800; font-size: 20px; color: var(--petrol); }
.icindekiler summary small { font-size: 14px; color: var(--ikincil); }
.icindekiler summary small::after { content: " +"; color: var(--zumrut); font-weight: 800; }
.icindekiler[open] summary small::after { content: " –"; }
.icindekiler[open] summary { border-bottom: 1px solid var(--cizgi); }
.icindekiler ol { margin: 0; padding: 12px 16px 14px 38px; font-size: 17px; }
.icindekiler a { text-decoration: none; font-weight: 600; }
.icindekiler a:hover { text-decoration: underline; color: var(--petrol); }

/* Alt bilgi */
.alt { background: var(--petrol); color: #D5E5E0; padding-block: 30px 34px; font-size: 15px; }
.alt .kap { display: grid; grid-template-columns: 1fr auto; gap: 18px; align-items: start; }
.alt .logo { height: 46px; margin-bottom: 12px; }
.alt p { margin: 0 0 6px; max-width: 64ch; }
.alt .telif { font-size: 13px; opacity: .85; }
.alt .ig { color: var(--limon); }

/* Telefon */
@media (max-width: 760px) {
	body { font-size: 17px; }
	.kap { padding: 0 16px; }
	.logo { height: 42px; }
	.ust-ic { padding-block: 8px; }
	.ust .ig span { display: none; }
	.ust .ig { padding: 0 4px; }
	nav.konular { gap: 18px; margin: 0 -16px; padding: 0 16px; }
	nav.konular a { font-size: 15px; }
	.duzen { grid-template-columns: 1fr; gap: 32px; padding-block: 22px 34px; }
	.giris { padding-block: 22px 0; }
	.giris h2 { font-size: 28px; }
	.giris + .duzen { padding-top: 20px; }
	.soru-ad { font-size: 20px; }
	.cevap { font-size: 16px; margin-left: 10px; }
	.sayfa-bas h1, .yazi-bas h1 { font-size: 30px; }
	.entry-content { font-size: 18px; }
	.entry-content h2 { font-size: 25px; }
	.entry-content h3 { font-size: 21px; }
	.arac-listesi { grid-template-columns: 1fr; }
	.alt .kap { grid-template-columns: 1fr; }
	/* 3+ sütunlu tablo kart düzeni */
	.entry-content table.tablo-kart { display: block; border: 0; background: transparent; overflow: visible; }
	.entry-content table.tablo-kart :is(thead, tbody, tr, td, th) { display: block; width: 100%; }
	.entry-content table.tablo-kart .tablo-bas { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
	.entry-content table.tablo-kart tr { background: var(--beyaz); border: 1px solid var(--cizgi); border-radius: 10px; margin-bottom: 10px; padding: 6px 0; }
	.entry-content table.tablo-kart td { border: 0; padding: 6px 14px; }
	.entry-content table.tablo-kart td:first-child { font-family: var(--bas); font-weight: 700; color: var(--petrol); }
	.entry-content table.tablo-kart td[data-etiket]::before { content: attr(data-etiket); display: block; font-size: 12px; font-weight: 800; text-transform: uppercase; letter-spacing: .06em; color: var(--ikincil); }
}
@media (prefers-reduced-motion: reduce) { * { transition: none !important; scroll-behavior: auto !important; } }

/* Telefon ve tablette menü kaydırılmaz, iscirehberi gibi satırlara sarılır; kutular çizgiyle ayrılır (05.11.2026). */
@media (max-width: 899px) {
	nav.konular { flex-wrap: wrap; overflow: hidden; gap: 0; margin: 0; padding: 0; }
	nav.konular a { flex: 1 1 auto; display: flex; align-items: center; justify-content: center; text-align: center; min-height: 46px; padding: 10px 8px; font-size: 15px; border-left: 1px solid var(--cizgi); border-bottom: 1px solid var(--cizgi); margin-left: -1px; white-space: nowrap; }
}