/*
Theme Name: Press for Palestine
Theme URI: https://pressforpalestine.org
Author: Filistin İçin Gazeteci Dayanışması
Description: 7 Ekim 2023 sonrası hedef alınan gazetecileri belgeleyen anma ve yayın arşivi teması. Bağımsız tema, ana temaya ihtiyaç duymaz.
Version: 1.0.0
Requires at least: 6.2
Tested up to: 6.6
Requires PHP: 7.4
License: GNU General Public License v2 or later
Text Domain: pfp
Tags: news, one-column, two-columns, right-sidebar, custom-logo, custom-menu, featured-images, translation-ready
*/

/* ==================================================================
   0. Sıfırlama ve kök değişkenler
   ================================================================== */
:root {
  --pfp-zemin: #EFEDE8;
  --pfp-kart: #FFFFFF;
  --pfp-murekkep: #111111;
  --pfp-govde: #22201C;
  --pfp-metin: #3A3630;
  --pfp-ikincil: #6B675E;
  --pfp-soluk: #8D887E;
  --pfp-sari: #F5C518;
  --pfp-hover: #7A5B00;
  --pfp-kirmizi: #C1121F;
  --pfp-ayirici: #DEDAD1;
  --pfp-ayirici-ince: #E6E3DC;
  --pfp-kenar: #D5D1C8;
  --pfp-serif: "Source Serif 4", Georgia, "Times New Roman", serif;
  --pfp-sans: Archivo, "Helvetica Neue", Arial, sans-serif;
  --pfp-genislik: 1240px;
}

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

body {
  margin: 0;
  background: var(--pfp-zemin);
  color: var(--pfp-govde);
  font-family: var(--pfp-serif);
  font-size: 19px;
  line-height: 1.7;
  -webkit-font-smoothing: antialiased;
}

img, svg, iframe, video { max-width: 100%; height: auto; display: block; }

a { color: var(--pfp-murekkep); text-decoration: none; }
a:hover, a:focus { color: var(--pfp-hover); }

h1, h2, h3, h4 {
  margin: 0;
  font-weight: 700;
  line-height: 1.15;
  letter-spacing: -.02em;
  color: var(--pfp-murekkep);
  text-wrap: pretty;
}

p { margin: 0 0 1.1em; text-wrap: pretty; }
p:last-child { margin-bottom: 0; }

blockquote {
  margin: 4px 0;
  padding: 0 0 0 20px;
  border-left: 4px solid var(--pfp-kirmizi);
  font-size: 23px;
  line-height: 1.42;
  font-weight: 600;
  color: var(--pfp-murekkep);
}

input, select, textarea, button { font-family: var(--pfp-sans); font-size: 14.5px; }

input[type="text"], input[type="email"], input[type="search"], textarea {
  width: 100%;
  background: #FFFFFF;
  border: 2px solid var(--pfp-murekkep);
  color: var(--pfp-murekkep);
  padding: 13px 14px;
}

.screen-reader-text {
  position: absolute !important;
  width: 1px; height: 1px;
  overflow: hidden; clip: rect(1px,1px,1px,1px);
  white-space: nowrap;
}

.pfp-atla {
  position: absolute; left: -9999px; top: 0; z-index: 200;
  background: var(--pfp-sari); color: var(--pfp-murekkep);
  font-family: var(--pfp-sans); font-size: 13px; padding: 12px 18px;
}
.pfp-atla:focus { left: 0; }

/* ==================================================================
   1. Yerleşim
   ================================================================== */
.pfp-kapsa { max-width: var(--pfp-genislik); margin: 0 auto; padding: 0 28px; }
.pfp-ana { padding-top: 28px; }

.pfp-govde-2 {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 300px);
  gap: 32px 40px;
  align-items: start;
  margin-top: 22px;
}

.pfp-yan { display: flex; flex-direction: column; gap: 26px; min-width: 0; }

.pfp-panel { background: var(--pfp-kart); padding: 22px; }
.pfp-panel-siyah { background: var(--pfp-murekkep); color: #FFFFFF; padding: 22px; }
.pfp-panel-siyah p { color: #D8D4CB; font-size: 16px; line-height: 1.5; }

.pfp-panel-baslik {
  margin: 0 0 14px;
  font-family: var(--pfp-sans);
  font-size: 12px; font-weight: 700;
  letter-spacing: .12em; text-transform: uppercase;
  border-bottom: 2px solid var(--pfp-sari);
  padding-bottom: 8px;
}

/* Bölüm başlığı */
.pfp-bolum-baslik {
  display: flex; flex-wrap: wrap;
  align-items: baseline; justify-content: space-between;
  gap: 10px 18px;
  border-bottom: 2px solid var(--pfp-murekkep);
  padding-bottom: 10px;
  margin: 0 0 22px;
}
.pfp-bolum-baslik h1 { font-size: clamp(28px, 3.4vw, 38px); letter-spacing: -.022em; }
.pfp-bolum-baslik h2 { font-size: clamp(22px, 2.6vw, 26px); }
.pfp-bolum-baslik .pfp-alt,
.pfp-bolum-baslik a {
  font-family: var(--pfp-sans); font-size: 12px;
  letter-spacing: .1em; text-transform: uppercase;
  color: var(--pfp-ikincil);
}

/* Ekmek kırıntısı */
.pfp-kirinti {
  display: flex; flex-wrap: wrap; gap: 8px;
  margin-bottom: 20px;
  font-family: var(--pfp-sans); font-size: 11.5px;
  letter-spacing: .1em; text-transform: uppercase;
  color: var(--pfp-ikincil);
}
.pfp-kirinti a { color: var(--pfp-ikincil); }
.pfp-kirinti span[aria-current] { color: var(--pfp-murekkep); }

/* ==================================================================
   2. Başlık (header)
   ================================================================== */
.pfp-header { position: sticky; top: 0; z-index: 60; }

.pfp-header-ust {
  background: var(--pfp-murekkep);
  color: #FFFFFF;
  display: flex; flex-wrap: wrap;
  align-items: center; justify-content: space-between;
  gap: 14px 20px;
  padding: 18px 24px;
}

.pfp-header-sol, .pfp-header-sag {
  flex: 0 1 auto; display: flex; align-items: center; gap: 14px; min-width: 0;
}
.pfp-header-sag { justify-content: flex-end; }

.pfp-marka {
  display: flex; align-items: center; gap: 14px;
  flex: 1 1 220px; min-width: 0; justify-content: center;
}
.pfp-marka img { width: 76px; height: 76px; flex: none; }
.pfp-marka-ad {
  display: flex; flex-direction: column; gap: 4px; min-width: 0;
}
.pfp-marka-ad strong {
  font-size: clamp(17px, 2vw, 25px); font-weight: 700;
  line-height: 1.12; letter-spacing: -.02em; color: #FFFFFF;
  text-wrap: balance;
}
.pfp-marka-ad span {
  font-family: var(--pfp-sans); font-size: 11px;
  letter-spacing: .16em; text-transform: uppercase; color: var(--pfp-soluk);
}

.pfp-dugme-cerceve {
  white-space: nowrap;
  font-family: var(--pfp-sans); font-size: 12px; font-weight: 600;
  letter-spacing: .07em; text-transform: uppercase;
  border: 2px solid #FFFFFF; color: #FFFFFF;
  padding: 9px 15px;
}
.pfp-dugme-cerceve:hover { background: #FFFFFF; color: var(--pfp-murekkep); }

.pfp-dugme-sari {
  white-space: nowrap;
  background: var(--pfp-sari); color: var(--pfp-murekkep);
  font-family: var(--pfp-sans); font-size: 12px; font-weight: 600;
  letter-spacing: .07em; text-transform: uppercase;
  padding: 11px 15px;
}
.pfp-dugme-sari:hover { background: #FFFFFF; color: var(--pfp-murekkep); }

.pfp-ara-link {
  display: flex; align-items: center; gap: 7px; white-space: nowrap;
  font-family: var(--pfp-sans); font-size: 12px;
  letter-spacing: .09em; text-transform: uppercase; color: #D8D4CB;
}
.pfp-ara-link:hover { color: var(--pfp-sari); }
.pfp-ara-link i {
  display: inline-block; width: 11px; height: 11px;
  border: 2px solid currentColor; border-radius: 50%;
}

/* ==================================================================
   3. Menü
   ================================================================== */
.pfp-nav {
  position: relative;
  background: var(--pfp-sari);
  border-bottom: 2px solid var(--pfp-murekkep);
  display: flex; align-items: stretch;
  padding: 0 16px;
}

.pfp-ev {
  flex: none;
  display: flex; align-items: center; justify-content: center;
  width: 46px;
  border-right: 2px solid var(--pfp-murekkep);
  font-size: 19px; line-height: 1; color: var(--pfp-murekkep);
}
.pfp-ev:hover { background: var(--pfp-murekkep); color: var(--pfp-sari); }

.pfp-nav-liste {
  list-style: none; margin: 0; padding: 0;
  display: flex; align-items: stretch; flex-wrap: wrap;
  flex: 1 1 auto; justify-content: center;
}
.pfp-nav-liste > li { position: relative; display: flex; align-items: stretch; }
.pfp-nav-liste > li > a {
  display: flex; align-items: center; white-space: nowrap;
  font-family: var(--pfp-sans); font-size: 12.5px;
  letter-spacing: .06em; text-transform: uppercase;
  color: var(--pfp-murekkep);
  padding: 14px 13px;
}
.pfp-nav-liste > li > a:hover { color: var(--pfp-hover); }
.pfp-nav-liste > li.current-menu-item > a,
.pfp-nav-liste > li.current-menu-parent > a,
.pfp-nav-liste > li.current-menu-ancestor > a {
  font-weight: 700;
  box-shadow: inset 0 -4px 0 var(--pfp-murekkep);
}
.pfp-nav-liste > li.menu-item-has-children > a::after {
  content: " ▾"; font-size: 11px;
}

.pfp-nav-liste .sub-menu {
  list-style: none; margin: 0; padding: 6px 0;
  position: absolute; top: 100%; left: 0; z-index: 80;
  min-width: 240px;
  background: var(--pfp-murekkep);
  display: none;
}
.pfp-nav-liste > li:hover > .sub-menu,
.pfp-nav-liste > li:focus-within > .sub-menu { display: block; }
.pfp-nav-liste .sub-menu a {
  display: block;
  font-family: var(--pfp-sans); font-size: 12.5px;
  letter-spacing: .06em; text-transform: uppercase;
  color: #FFFFFF; padding: 11px 18px; white-space: nowrap;
}
.pfp-nav-liste .sub-menu a:hover { background: var(--pfp-sari); color: var(--pfp-murekkep); }

/* Hamburger */
.pfp-hamburger {
  display: none;
  margin-left: auto;
  align-items: center; gap: 9px;
  background: none; border: 0; cursor: pointer;
  font-family: var(--pfp-sans); font-size: 12px; font-weight: 600;
  letter-spacing: .1em; text-transform: uppercase;
  color: var(--pfp-murekkep);
  padding: 14px 6px 14px 14px;
}
.pfp-hamburger i {
  display: flex; flex-direction: column; gap: 4px; width: 20px;
}
.pfp-hamburger i b { display: block; height: 2px; background: var(--pfp-murekkep); }

/* ==================================================================
   4. Kartlar ve meta
   ================================================================== */
.pfp-meta {
  display: flex; flex-wrap: wrap; align-items: center; gap: 9px;
  font-family: var(--pfp-sans); font-size: 11px;
  letter-spacing: .1em; text-transform: uppercase;
}
.pfp-cip { padding: 4px 8px; font-weight: 600; }
.pfp-cip:hover { color: inherit; opacity: .88; }
.pfp-meta-sayi { color: var(--pfp-ikincil); font-weight: 400; }
.pfp-meta-tarih { color: var(--pfp-soluk); font-weight: 400; }

.pfp-liste { display: flex; flex-direction: column; min-width: 0; }

.pfp-satir {
  display: flex; gap: 20px; align-items: flex-start;
  padding: 20px 0; border-top: 1px solid var(--pfp-ayirici);
}
.pfp-satir-gorsel {
  width: 170px; height: 118px; flex: none;
  position: relative; overflow: hidden;
  background: #DFDBD2;
  display: flex; align-items: center; justify-content: center;
}
.pfp-satir-gorsel img { width: 100%; height: 100%; object-fit: cover; }
.pfp-gorselsiz { background: var(--pfp-murekkep); }
.pfp-gorselsiz img { width: 60px; height: 60px; object-fit: contain; opacity: .85; }

.pfp-satir-icerik { min-width: 0; display: flex; flex-direction: column; gap: 8px; }
.pfp-satir-icerik h2, .pfp-satir-icerik h3 {
  font-size: 21px; line-height: 1.25; letter-spacing: -.012em;
}
.pfp-satir-icerik p { margin: 0; font-size: 16px; line-height: 1.5; color: var(--pfp-metin); }

/* Video küçük resmi */
.pfp-oynat {
  position: absolute; inset: 0;
  display: flex; align-items: center; justify-content: center;
}
.pfp-oynat b {
  width: 40px; height: 40px; border: 2px solid var(--pfp-sari); border-radius: 50%;
  display: flex; align-items: center; justify-content: center;
}
.pfp-oynat b::after {
  content: ""; width: 0; height: 0; margin-left: 3px;
  border-left: 11px solid var(--pfp-sari);
  border-top: 7px solid transparent; border-bottom: 7px solid transparent;
}
.pfp-sure {
  position: absolute; right: 6px; bottom: 6px;
  background: rgba(0,0,0,.78); color: #FFFFFF;
  font-family: var(--pfp-sans); font-size: 10.5px; letter-spacing: .06em;
  padding: 3px 6px;
}

/* Izgara kart */
.pfp-izgara {
  display: grid; grid-template-columns: repeat(auto-fit, minmax(230px, 1fr)); gap: 24px;
}
.pfp-kart { background: var(--pfp-kart); display: flex; flex-direction: column; min-width: 0; }
.pfp-kart-gorsel {
  position: relative; display: block; aspect-ratio: 3/2; overflow: hidden;
  background: #DFDBD2;
  display: flex; align-items: center; justify-content: center;
}
.pfp-kart-gorsel img { width: 100%; height: 100%; object-fit: cover; }
.pfp-kart-govde { padding: 16px 18px 20px; display: flex; flex-direction: column; gap: 9px; min-width: 0; }
.pfp-kart-govde h2, .pfp-kart-govde h3 { font-size: 19px; line-height: 1.28; }
.pfp-kart-govde p { margin: 0; font-size: 15.5px; line-height: 1.5; color: var(--pfp-metin); }

/* Konu çipleri */
.pfp-konular { display: flex; flex-wrap: wrap; gap: 8px; }
.pfp-konular a {
  border: 1px solid var(--pfp-kenar); color: var(--pfp-metin);
  font-family: var(--pfp-sans); font-size: 11.5px;
  letter-spacing: .08em; text-transform: uppercase;
  padding: 7px 12px; white-space: nowrap;
}
.pfp-konular a:hover { border-color: var(--pfp-murekkep); }

/* ==================================================================
   5. Filtreler (liste şablonu)
   ================================================================== */
.pfp-filtre {
  display: flex; flex-wrap: wrap; align-items: center; gap: 12px;
  margin: 20px 0 0;
}
.pfp-filtre label {
  display: flex; align-items: center; gap: 8px;
  font-family: var(--pfp-sans); font-size: 11px;
  letter-spacing: .1em; text-transform: uppercase; color: var(--pfp-ikincil);
}
.pfp-filtre select {
  background: #FFFFFF; border: 1px solid var(--pfp-kenar);
  color: var(--pfp-murekkep); font-size: 12.5px; padding: 9px 11px;
}
.pfp-filtre button {
  background: var(--pfp-murekkep); color: var(--pfp-sari);
  border: 0; cursor: pointer;
  font-size: 12px; font-weight: 600; letter-spacing: .09em; text-transform: uppercase;
  padding: 10px 16px;
}
.pfp-filtre button:hover { background: var(--pfp-sari); color: var(--pfp-murekkep); }
.pfp-filtre-temizle {
  font-family: var(--pfp-sans); font-size: 11.5px;
  letter-spacing: .08em; text-transform: uppercase;
  color: var(--pfp-ikincil); border-bottom: 1px solid var(--pfp-kenar);
}

.pfp-secimler {
  display: flex; flex-wrap: wrap; align-items: center; gap: 8px;
  margin: 14px 0 0;
  font-family: var(--pfp-sans); font-size: 11.5px; letter-spacing: .08em;
}
.pfp-secim-sabit {
  background: var(--pfp-sari); color: var(--pfp-murekkep);
  font-weight: 600; padding: 8px 12px; white-space: nowrap;
}
.pfp-secim {
  display: inline-flex; align-items: center; gap: 9px;
  background: var(--pfp-murekkep); color: #FFFFFF;
  padding: 8px 12px; white-space: nowrap;
}
.pfp-secim:hover { background: var(--pfp-kirmizi); color: #FFFFFF; }
.pfp-secim b { color: var(--pfp-sari); font-size: 13px; line-height: 1; }

/* Boş durum */
.pfp-bos {
  background: var(--pfp-kart); padding: 34px 28px;
  display: flex; flex-direction: column; gap: 16px; align-items: flex-start;
}
.pfp-bos h2 { font-size: 23px; }
.pfp-bos p { margin: 0; max-width: 520px; font-size: 17px; line-height: 1.55; color: var(--pfp-metin); }

/* ==================================================================
   6. Yazı ve profil
   ================================================================== */
.pfp-yazi-baslik { font-size: clamp(28px, 3.6vw, 44px); line-height: 1.1; letter-spacing: -.026em; text-wrap: balance; }
.pfp-oz { margin: 16px 0 0; max-width: 700px; font-size: 20px; line-height: 1.55; color: var(--pfp-metin); }

.pfp-icerik { margin-top: 26px; font-size: 19px; line-height: 1.7; color: var(--pfp-govde); }
.pfp-icerik h2 { margin: 28px 0 12px; font-size: 27px; letter-spacing: -.018em; }
.pfp-icerik h3 { margin: 24px 0 10px; font-size: 22px; }
.pfp-icerik ul, .pfp-icerik ol { padding-left: 26px; }
.pfp-icerik li { margin-bottom: 10px; }
.pfp-icerik figure { margin: 24px 0; }
.pfp-icerik figcaption {
  margin-top: 8px; font-family: var(--pfp-sans); font-size: 11.5px;
  letter-spacing: .06em; color: var(--pfp-soluk);
}

.pfp-kunye-satir {
  display: flex; flex-wrap: wrap; gap: 10px 24px;
  margin: 22px 0 0; padding: 14px 0;
  border-top: 1px solid var(--pfp-ayirici); border-bottom: 1px solid var(--pfp-ayirici);
  font-family: var(--pfp-sans); font-size: 11.5px;
  letter-spacing: .08em; text-transform: uppercase; color: var(--pfp-ikincil);
}

.pfp-kunye-liste { display: flex; flex-direction: column; gap: 10px; font-size: 15.5px; line-height: 1.45; color: var(--pfp-metin); }
.pfp-kunye-liste strong { color: var(--pfp-murekkep); }

/* Profil */
.pfp-kimlik {
  display: grid; grid-template-columns: 300px minmax(0, 1fr);
  gap: 36px; align-items: start;
}
.pfp-portre { position: relative; aspect-ratio: 1/1; background: var(--pfp-murekkep); }
.pfp-portre-img { width: 100%; height: 100%; object-fit: cover; }
.pfp-portre::after {
  content: ""; position: absolute; left: 0; bottom: 0;
  width: 100%; height: 5px; background: var(--pfp-kirmizi);
}
.pfp-portre-not {
  margin: 9px 0 0; font-family: var(--pfp-sans); font-size: 11px;
  line-height: 1.5; color: var(--pfp-ikincil);
}

/* Anma dizini */
.pfp-anma-izgara {
  display: grid; grid-template-columns: repeat(auto-fill, minmax(142px, 1fr));
  gap: 14px; margin-top: 26px;
}
.pfp-anma-kart { background: var(--pfp-kart); display: flex; flex-direction: column; min-width: 0; }
.pfp-anma-kart .pfp-portre::after { height: 4px; }
.pfp-anma-kart-govde { padding: 12px 13px 15px; display: flex; flex-direction: column; gap: 5px; min-width: 0; }
.pfp-anma-kart-govde strong { font-size: 16px; font-weight: 700; line-height: 1.25; color: var(--pfp-murekkep); }
.pfp-anma-kart-govde span {
  font-family: var(--pfp-sans); font-size: 10.5px; letter-spacing: .06em; color: var(--pfp-ikincil);
}
.pfp-anma-kart-govde .pfp-anma-tarih {
  letter-spacing: .08em; text-transform: uppercase; color: var(--pfp-soluk);
}

/* Anma girişi (siyah blok) */
.pfp-anma-giris {
  background: var(--pfp-murekkep); color: #FFFFFF;
  padding: 52px 28px 44px; text-align: center;
}
.pfp-anma-giris h1 {
  margin: 0 auto; max-width: 760px;
  font-size: clamp(30px, 4vw, 46px); line-height: 1.12; letter-spacing: -.025em;
  color: #FFFFFF; text-wrap: balance;
}
.pfp-anma-giris p { margin: 18px auto 0; max-width: 620px; font-size: 19px; line-height: 1.55; color: #D8D4CB; }
.pfp-sayac-satir {
  display: flex; flex-wrap: wrap; align-items: center; justify-content: center;
  gap: 14px 36px; margin: 30px auto 0; padding-top: 26px;
  border-top: 1px solid rgba(255,255,255,.16); max-width: 720px;
}
.pfp-sayac-satir b {
  font-family: var(--pfp-sans); font-size: 38px; font-weight: 700;
  line-height: 1; letter-spacing: -.03em; color: var(--pfp-kirmizi);
}
.pfp-sayac-satir span {
  font-family: var(--pfp-sans); font-size: 11.5px;
  letter-spacing: .1em; text-transform: uppercase; color: var(--pfp-soluk);
}

/* ==================================================================
   7. Video
   ================================================================== */
.pfp-oynatici {
  position: relative; aspect-ratio: 16/9; background: var(--pfp-murekkep);
  display: flex; align-items: center; justify-content: center;
}
.pfp-oynatici iframe, .pfp-oynatici video { width: 100%; height: 100%; }
.pfp-oynatici-bos {
  display: flex; flex-direction: column; align-items: center; gap: 14px;
  font-family: var(--pfp-sans); font-size: 11px;
  letter-spacing: .14em; text-transform: uppercase; color: #7E7A72;
}
.pfp-oynatici-bos b {
  width: 72px; height: 72px; border: 2px solid var(--pfp-sari); border-radius: 50%;
  display: flex; align-items: center; justify-content: center;
}
.pfp-oynatici-bos b::after {
  content: ""; width: 0; height: 0; margin-left: 5px;
  border-left: 20px solid var(--pfp-sari);
  border-top: 13px solid transparent; border-bottom: 13px solid transparent;
}

.pfp-video-bant {
  background: var(--pfp-murekkep); color: #FFFFFF;
  padding: 30px 32px 34px;
  display: flex; flex-direction: column; gap: 20px;
  margin-top: 44px;
}
.pfp-video-bant .pfp-bolum-baslik {
  border-color: rgba(255,255,255,.18); margin-bottom: 0;
}
.pfp-video-bant .pfp-bolum-baslik h2 { color: #FFFFFF; }
.pfp-video-bant .pfp-bolum-baslik a { color: var(--pfp-soluk); }
.pfp-video-bant .pfp-bolum-baslik a:hover { color: var(--pfp-sari); }
.pfp-video-kart { display: flex; flex-direction: column; gap: 11px; min-width: 0; }
.pfp-video-kart .pfp-kart-gorsel { aspect-ratio: 16/9; background: #1D1B18; border: 1px solid rgba(255,255,255,.14); }
.pfp-video-kart strong { font-size: 17px; font-weight: 600; line-height: 1.32; color: #FFFFFF; }
.pfp-video-kart .pfp-meta-tarih { color: var(--pfp-soluk); }

/* ==================================================================
   8. Öne çıkanlar / anasayfa
   ================================================================== */
.pfp-one-izgara {
  display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px;
}
.pfp-gazzete-kutu {
  background: var(--pfp-murekkep); color: #FFFFFF;
  display: flex; flex-direction: column; gap: 14px; padding: 24px;
  min-width: 0;
}
.pfp-gazzete-kutu > span:first-child {
  font-family: var(--pfp-sans); font-size: 11.5px;
  letter-spacing: .16em; text-transform: uppercase; color: var(--pfp-sari);
}
.pfp-gazzete-kutu h2 { font-size: 25px; line-height: 1.18; color: #FFFFFF; }
.pfp-gazzete-kutu p { color: #D8D4CB; font-size: 16px; line-height: 1.5; margin: 0; }
.pfp-kapak {
  aspect-ratio: 3/4; background: #1D1B18;
  border: 1px solid rgba(255,255,255,.16);
  display: flex; align-items: center; justify-content: center;
  font-family: var(--pfp-sans); font-size: 11px;
  letter-spacing: .12em; text-transform: uppercase; color: #7E7A72;
  overflow: hidden;
}
.pfp-kapak img { width: 100%; height: 100%; object-fit: cover; }

.pfp-dugme-satir { display: flex; flex-wrap: wrap; gap: 10px; }
.pfp-dugme-cizgi {
  border: 2px solid var(--pfp-murekkep); color: var(--pfp-murekkep);
  font-family: var(--pfp-sans); font-size: 13px; font-weight: 600;
  letter-spacing: .08em; text-transform: uppercase; padding: 12px 20px;
  white-space: nowrap;
}
.pfp-dugme-cizgi:hover { background: var(--pfp-murekkep); color: var(--pfp-sari); }
.pfp-dugme-ince {
  border: 1px solid rgba(255,255,255,.32); color: #FFFFFF;
  font-family: var(--pfp-sans); font-size: 12.5px;
  letter-spacing: .08em; text-transform: uppercase; padding: 12px 16px;
  white-space: nowrap;
}
.pfp-dugme-ince:hover { border-color: var(--pfp-sari); color: var(--pfp-sari); }

/* Sayaç penceresi */
.pfp-sayac-pencere {
  position: fixed; inset: 0; z-index: 90;
  background: rgba(10,10,10,.82);
  display: flex; align-items: center; justify-content: center; padding: 24px;
}
.pfp-sayac-pencere[hidden] { display: none; }
.pfp-sayac-ic {
  position: relative; width: 100%; max-width: 560px;
  background: var(--pfp-murekkep); color: #FFFFFF;
  box-shadow: 0 40px 80px -30px rgba(0,0,0,.8);
}
.pfp-sayac-kapat {
  position: absolute; top: 14px; right: 18px;
  background: none; border: 0; cursor: pointer;
  font-family: var(--pfp-sans); font-size: 22px; line-height: 1; color: #6E6A62;
}
.pfp-sayac-kapat:hover { color: #FFFFFF; }
.pfp-sayac-govde { padding: 44px 44px 32px; text-align: center; }
.pfp-sayac-govde img { width: 58px; height: 58px; margin: 0 auto 24px; }
.pfp-sayac-buyuk {
  font-family: var(--pfp-sans); font-size: 104px; font-weight: 700;
  line-height: .9; letter-spacing: -.04em; color: var(--pfp-kirmizi);
}
.pfp-sayac-govde p { margin: 16px auto 0; max-width: 400px; font-size: 18.5px; line-height: 1.5; color: #F2EFE9; }
.pfp-sayac-alt {
  display: flex; align-items: center; justify-content: center; gap: 10px;
  margin-top: 20px; padding-top: 16px;
  border-top: 1px solid rgba(255,255,255,.14);
  font-family: var(--pfp-sans); font-size: 12.5px; letter-spacing: .06em;
}
.pfp-sayac-kaynak {
  margin: 12px 0 0; font-family: var(--pfp-sans); font-size: 11px;
  letter-spacing: .1em; text-transform: uppercase; color: #7E7A72;
}
.pfp-sayac-eylem { display: flex; border-top: 1px solid rgba(255,255,255,.14); }
.pfp-sayac-eylem a {
  flex: 1; text-align: center;
  font-family: var(--pfp-sans); font-size: 13px;
  letter-spacing: .09em; text-transform: uppercase; padding: 17px 18px;
}
.pfp-sayac-eylem a:first-child { background: var(--pfp-sari); color: var(--pfp-murekkep); font-weight: 600; }
.pfp-sayac-eylem a:first-child:hover { background: #FFFFFF; }
.pfp-sayac-eylem a:last-child { color: #D8D4CB; }
.pfp-sayac-eylem a:last-child:hover { color: var(--pfp-sari); }

.pfp-sayac-dugme {
  position: fixed; right: 18px; bottom: 18px; z-index: 70;
  background: var(--pfp-murekkep); color: #FFFFFF;
  border: 1px solid rgba(255,255,255,.2); cursor: pointer;
  font-family: var(--pfp-sans); font-size: 11.5px;
  letter-spacing: .08em; text-transform: uppercase; padding: 11px 15px;
}

/* ==================================================================
   9. Alt bilgi
   ================================================================== */
.pfp-footer {
  background: var(--pfp-murekkep); color: #FFFFFF;
  padding: 40px 28px 30px; text-align: center; margin-top: 52px;
}
.pfp-footer-marka {
  display: flex; align-items: center; justify-content: center;
  gap: 18px; flex-wrap: wrap; margin-bottom: 18px;
}
.pfp-footer-marka img { width: 64px; height: 64px; }
.pfp-footer-marka span {
  font-family: var(--pfp-sans); font-size: 12.5px;
  letter-spacing: .12em; text-transform: uppercase; color: #D8D4CB;
}
.pfp-footer-menu {
  list-style: none; margin: 0; padding: 0;
  display: flex; flex-wrap: wrap; align-items: center; justify-content: center;
  gap: 10px 22px;
}
.pfp-footer-menu a {
  color: #FFFFFF; white-space: nowrap;
  font-family: var(--pfp-sans); font-size: 12.5px;
  letter-spacing: .08em; text-transform: uppercase;
}
.pfp-footer-menu a:hover { color: var(--pfp-sari); }
.pfp-footer-eylem {
  display: flex; flex-wrap: wrap; align-items: center; justify-content: center;
  gap: 10px 20px; margin-top: 18px;
  font-family: var(--pfp-sans); font-size: 11.5px;
  letter-spacing: .1em; text-transform: uppercase;
}
.pfp-footer-eylem a { color: var(--pfp-sari); white-space: nowrap; }
.pfp-footer-eylem a:hover { color: #FFFFFF; }
.pfp-footer-alt {
  max-width: 1100px; margin: 26px auto 0; padding-top: 16px;
  border-top: 1px solid rgba(255,255,255,.14);
  font-family: var(--pfp-sans); font-size: 11.5px;
  letter-spacing: .08em; color: var(--pfp-soluk);
}

/* ==================================================================
   10. Sayfalama, arama, yorum
   ================================================================== */
.pagination, .navigation.pagination {
  margin: 30px 0 0; padding-top: 22px;
  border-top: 1px solid var(--pfp-ayirici);
  font-family: var(--pfp-sans); font-size: 12.5px;
  letter-spacing: .08em; text-transform: uppercase;
}
.pagination .nav-links { display: flex; flex-wrap: wrap; gap: 8px; }
.pagination .page-numbers {
  border: 1px solid var(--pfp-kenar); color: var(--pfp-metin); padding: 10px 14px;
}
.pagination .page-numbers.current {
  background: var(--pfp-murekkep); color: var(--pfp-sari); border-color: var(--pfp-murekkep);
}

.pfp-arama-form { display: flex; flex-wrap: wrap; gap: 10px; }
.pfp-arama-form input[type="search"] {
  flex: 1 1 320px; min-width: 0;
  font-family: var(--pfp-serif); font-size: 19px; padding: 15px 16px;
}
.pfp-arama-form button {
  background: var(--pfp-murekkep); color: var(--pfp-sari);
  border: 0; cursor: pointer;
  font-family: var(--pfp-sans); font-size: 13px; font-weight: 600;
  letter-spacing: .09em; text-transform: uppercase; padding: 0 24px;
}
.pfp-arama-form button:hover { background: var(--pfp-sari); color: var(--pfp-murekkep); }

.pfp-yorumlar { margin-top: 44px; }
.comment-list { list-style: none; margin: 0; padding: 0; }
.comment-list li { border-top: 1px solid var(--pfp-ayirici); padding: 18px 0; }

/* 404 */
.pfp-404 {
  background: var(--pfp-murekkep); color: #FFFFFF; padding: 40px 38px;
}
.pfp-404-sayi {
  font-family: var(--pfp-sans); font-size: clamp(64px, 9vw, 108px);
  font-weight: 700; line-height: .88; letter-spacing: -.04em; color: var(--pfp-sari);
}
.pfp-404 h1 { margin: 22px 0 0; font-size: clamp(26px, 3vw, 34px); line-height: 1.16; color: #FFFFFF; }
.pfp-404 p { margin: 16px 0 0; max-width: 560px; font-size: 18.5px; line-height: 1.6; color: #D8D4CB; }

/* Sayfa şablonları: bölüm başlıkları çapa boşluğu */
:target { scroll-margin-top: 210px; }
html { scroll-behavior: smooth; }

.pfp-alt-serit {
  background: #FFFFFF; border-bottom: 1px solid var(--pfp-ayirici);
  display: flex; align-items: center; flex-wrap: wrap; justify-content: center;
  gap: 0 4px; padding: 0 16px;
}
.pfp-alt-serit a {
  font-family: var(--pfp-sans); font-size: 12px;
  letter-spacing: .08em; text-transform: uppercase;
  color: var(--pfp-metin); padding: 12px; white-space: nowrap;
  border-bottom: 3px solid transparent;
}
.pfp-alt-serit a:hover { border-bottom-color: var(--pfp-sari); color: var(--pfp-murekkep); }

/* ==================================================================
   11. Kırılma noktaları
   ================================================================== */
@media (max-width: 980px) {
  .pfp-govde-2 { grid-template-columns: minmax(0, 1fr); }
  .pfp-kimlik { grid-template-columns: minmax(0, 1fr); }
  .pfp-portre { max-width: 280px; }
  .pfp-one-izgara { grid-template-columns: minmax(0, 1fr); }
}

@media (max-width: 860px) {
  .pfp-nav-liste { display: none; }
  .pfp-nav.acik .pfp-nav-liste {
    display: block;
    position: absolute; top: 100%; left: 0; right: 0; z-index: 90;
    background: var(--pfp-murekkep);
    padding: 8px 0 14px;
    max-height: 70vh; overflow: auto;
  }
  .pfp-nav.acik .pfp-nav-liste > li { display: block; }
  .pfp-nav.acik .pfp-nav-liste > li > a {
    color: var(--pfp-sari); font-size: 13.5px; font-weight: 600;
    letter-spacing: .08em; padding: 13px 20px 9px;
    box-shadow: none;
  }
  .pfp-nav.acik .pfp-nav-liste > li.menu-item-has-children > a::after { content: ""; }
  .pfp-nav.acik .pfp-nav-liste .sub-menu {
    display: block; position: static; min-width: 0; padding: 0; background: none;
  }
  .pfp-nav.acik .pfp-nav-liste .sub-menu a {
    color: #D8D4CB; padding: 9px 20px 9px 34px;
  }
  .pfp-nav.acik .pfp-nav-liste .sub-menu a:hover { background: none; color: #FFFFFF; }
  .pfp-hamburger { display: flex; }
}

@media (max-width: 620px) {
  .pfp-kapsa { padding: 0 16px; }
  .pfp-header-ust { padding: 14px 16px; }
  .pfp-nav { padding: 0 8px; }
  .pfp-satir { flex-direction: column; gap: 12px; }
  .pfp-satir-gorsel { width: 100%; height: 190px; }
  .pfp-video-bant { padding: 24px 18px 28px; }
  .pfp-sayac-govde { padding: 32px 24px 24px; }
  .pfp-sayac-buyuk { font-size: 72px; }
  :target { scroll-margin-top: 170px; }
}

@media (max-width: 460px) {
  .pfp-meta-tarih { display: none; }
}

@media print {
  .pfp-header, .pfp-footer, .pfp-sayac-pencere, .pfp-sayac-dugme, .pfp-filtre { display: none; }
  body { background: #FFFFFF; }
}

/* ==================================================================
   12. Düzeltmeler
   Bu blok dosyanın sonunda; tamamını silersen tema önceki haline döner.
   ================================================================== */

/* 12.1 Okunabilirlik
   --pfp-soluk açık zemin üzerinde 3.0:1 kalıyordu; 11px metin için yetersiz.
   Açık zeminde kullanılan yerlerde bir tık koyulaştırıldı (4.8:1).
   Siyah zemindeki kullanımlar zaten yeterliydi, onlara dokunulmadı. */
.pfp-meta-tarih,
.pfp-anma-kart-govde .pfp-anma-tarih {
  color: #6B675E;
}

/* Siyah zemindeki 11px gri metinler 4.4:1 ile sınırın hemen altındaydı. */
.pfp-oynatici-bos,
.pfp-kapak,
.pfp-sayac-kaynak {
  color: #928E85;
}

/* 12.2 Klavye odağı
   Hiçbir öğede görünür odak halkası tanımlı değildi; sarı şeritteki
   bağlantılarda tarayıcı varsayılanı zor seçiliyor. */
a:focus-visible,
button:focus-visible,
select:focus-visible,
input:focus-visible,
textarea:focus-visible {
  outline: 3px solid var(--pfp-kirmizi);
  outline-offset: 2px;
}
.pfp-nav a:focus-visible,
.pfp-header a:focus-visible {
  outline-color: #FFFFFF;
}

/* 12.3 Hareket tercihi
   scroll-behavior: smooth koşulsuzdu; vestibüler duyarlılığı olan
   kullanıcılar için kapatılıyor. */
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after {
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .01ms !important;
  }
}

/* 12.4 Yapışkan başlık yüksekliği (mobil)
   Logo her ekranda 76px kalıyordu; 640px yüksekliğinde bir telefonda
   yapışkan başlık ekranın dörtte birini yiyordu. */
@media (max-width: 620px) {
  .pfp-marka img { width: 52px; height: 52px; }
  .pfp-header-ust { padding: 10px 16px; gap: 10px 14px; }
  .pfp-marka { gap: 10px; flex-basis: 160px; }
  .pfp-marka-ad { gap: 2px; }
  :target { scroll-margin-top: 150px; }
}
@media (max-width: 420px) {
  .pfp-marka img { width: 42px; height: 42px; }
  .pfp-dugme-sari, .pfp-dugme-cerceve { font-size: 11px; padding: 8px 11px; }
}

/* 12.5 Ölü kural
   .pfp-kart-gorsel'de display iki kez tanımlıydı (block, sonra flex);
   ilki hiçbir zaman uygulanmıyordu. Tekilleştirildi. */
.pfp-kart-gorsel { display: flex; }

/* ==================================================================
   13. Gazete içeriği — ara başlık, röportaj sorusu, öne çıkan kutu
   ================================================================== */

/* Ara başlık: gövdeden ayrılsın, üstünde nefes olsun */
.pfp-icerik h3 {
  margin: 34px 0 12px;
  font-family: var(--pfp-manset, var(--pfp-sans));
  font-size: 21px;
  line-height: 1.2;
  letter-spacing: -.005em;
  color: var(--pfp-murekkep);
}
.pfp-icerik h3::before {
  content: "";
  display: block;
  width: 42px;
  height: 3px;
  background: var(--pfp-sari);
  margin-bottom: 10px;
}

/* Röportaj sorusu */
.pfp-icerik .gz-soru {
  margin: 30px 0 10px;
  font-weight: 700;
  font-size: 18.5px;
  line-height: 1.4;
  color: var(--pfp-murekkep);
  padding-left: 16px;
  border-left: 3px solid var(--pfp-kirmizi);
}

/* Öne çıkan pasaj / kutu */
.pfp-icerik .gz-kutu {
  margin: 30px 0;
  padding: 22px 24px;
  background: var(--pfp-kart);
  border: 0;
  border-top: 4px solid var(--pfp-sari);
  font-family: var(--pfp-serif);
  font-size: 21px;
  line-height: 1.45;
  font-weight: 600;
  color: var(--pfp-murekkep);
}

/* İmza satırı — üstteki "Yazan:" ile tekrar etmesin diye kapatmak istersen
   aşağıdaki satırın başındaki yorumu kaldır.
.pfp-icerik .gz-yazar { display: none; }
*/
.pfp-icerik .gz-yazar {
  margin: 0 0 20px;
  font-family: var(--pfp-sans);
  font-size: 12.5px;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: var(--pfp-ikincil);
}

/* ------------------------------------------------------------------
   Görseller — doğal boyutundan küçük kalanlar ortalansın

   Basılı sayıdan çıkan fotoğrafların bir kısmı 450-650 piksel genişlikte.
   Yazı sütunu ~760 piksel olduğu için bu görseller sola yapışık ve eksik
   duruyordu. Büyütmek bulanıklaştırırdı; onun yerine ortalayıp hafif bir
   zemin veriyoruz — küçük kalması bilinçli bir tercih gibi okunuyor.
   Kalıcı çözüm, orijinal fotoğraflardan yeniden yüksek çözünürlüklü
   dışa aktarım.
   ------------------------------------------------------------------ */

.pfp-ana article > figure,
.pfp-icerik figure {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}

.pfp-ana article > figure img,
.pfp-icerik figure img {
  width: auto;            /* doğal boyutundan büyütme */
  max-width: 100%;
  margin-inline: auto;
}

.pfp-ana article > figure figcaption,
.pfp-icerik figcaption {
  text-align: center;
}

/* Kişi adı etiketleri — konu çiplerinden ayrışsın */
.pfp-konular .pfp-kisi {
  background: transparent;
  border: 1px solid var(--pfp-kenar, #D5D1C8);
  color: var(--pfp-ikincil, #6B675E);
  font-weight: 500;
  text-transform: none;
  letter-spacing: 0;
}

@media (max-width: 620px) {
  .pfp-icerik h3 { font-size: 19px; margin-top: 28px; }
  .pfp-icerik .gz-soru { font-size: 17px; }
  .pfp-icerik .gz-kutu { font-size: 19px; padding: 18px 18px; }
}

/* Sayaç kutusu — karşılaştırma satırı
   Kurumların sayıları birbirini tutmuyor; bunu gizlemek yerine küçük
   puntoyla göstermek hem dürüst hem de tek bir kuruma yaslanmamayı sağlıyor. */
.pfp-sayac-karsilastirma {
  margin: 10px 0 0;
  font-family: var(--pfp-sans);
  font-size: 11.5px;
  line-height: 1.6;
  letter-spacing: .02em;
  color: #8D887E;
}

/* Sayaç kutusu — tek düğmeli hâl
   Anma dizini hazır değilken kutuda tek düğme kalıyor. Tek <a> hem
   :first-child hem :last-child olduğu için sönük ikincil biçimi
   alıyordu; birincil görünmesi için burada geri alınıyor. */
.pfp-sayac-eylem a.pfp-sayac-tek,
.pfp-sayac-eylem a.pfp-sayac-tek:last-child {
  background: var(--pfp-sari);
  color: var(--pfp-murekkep);
  font-weight: 600;
}
.pfp-sayac-eylem a.pfp-sayac-tek:hover { background: #FFFFFF; color: var(--pfp-murekkep); }

/* Anma dizini — hazırlanıyor notu */
.pfp-anma-hazirlanyor {
  max-width: 640px;
  margin: 40px auto 60px;
  padding: 30px 28px;
  background: var(--pfp-kart);
  border-top: 4px solid var(--pfp-sari);
  text-align: center;
}
.pfp-anma-hazirlanyor h2 {
  margin: 0 0 12px;
  font-size: 24px;
  letter-spacing: -.015em;
}
.pfp-anma-hazirlanyor p {
  margin: 0 0 10px;
  color: var(--pfp-metin);
  line-height: 1.65;
}
.pfp-anma-hazirlanyor .pfp-dugme-cizgi { margin-top: 16px; }


/* ==================================================================
   14. Anasayfa — iki sütun dengesi

   Sol sütun 2×2 dört kart (~944px), sağ sütun GaZZete kutusu + konu
   paneli (~939px). Beş piksel fark; altta boşluk kalmıyor.
   Kart sayısını değiştirirsen bu denge bozulur.
   ================================================================== */

.pfp-daha-fazla {
  border-top: 1px solid var(--pfp-ayirici);
  padding-top: 24px;
  margin-top: 4px;
}

/* Son Eklenenler listesi — görsel ölçüsü tasarımdaki gibi */
.pfp-ana .pfp-liste .pfp-satir-gorsel { width: 200px; height: 140px; }
.pfp-ana .pfp-liste .pfp-satir-icerik h2,
.pfp-ana .pfp-liste .pfp-satir-icerik h3 { font-size: 22px; }

@media (max-width: 620px) {
  .pfp-ana .pfp-liste .pfp-satir-gorsel { width: 100%; height: 190px; }
}

@media (max-width: 460px) {
  .pfp-meta-tarih { display: none; }
}