/*
Theme Name: Ne Kadar O? — Fiyat Haber
Description: nekadaro.com haber teması. Kardeş haber temasından (istanbulnobet "haber") türetildi:
  editöryel düzen, beyaz zemin, künye, bölümler, haber akışı, veri blokları. Koyu tema YOKTUR ve
  tanımlanmayacaktır (O7). Logo çizilmez — ortak marka katmanından gelir (AgBrand::logo).
Version: 1.0.4
Text Domain: nekadaro
*/

/* ============================================================
   ZEMİN DOKTRİNİ (O7): koyu zemin YOK. Renk düzeni için tarayıcı tercih
   sorgusu bu dosyada HİÇ yazılmaz. color-scheme: only light tarayıcının zorunlu
   koyulaştırmasını da keser. html/body zemini SABİT #ffffff.
   Koyu hex değerleri yalnız METİN ve ÇİZGİ rengidir.
   ============================================================ */
:root {
  color-scheme: only light;

  --kagit:        #ffffff;
  --kagit-acik:   #f6f8f7;   /* bölüm zemini — marka yeşilinin çok açık tonu */
  --kagit-gri:    #eef2f1;

  --murekkep:     #14161a;   /* marka mürekkebi (brand_defs ink) */
  --murekkep-2:   #3f454d;
  --murekkep-3:   #6b727b;

  --cetvel:       #d9dfdd;
  --cetvel-kalin: #14161a;

  --vurgu:        #0f766e;   /* marka rengi (brand_defs accent) */
  --vurgu-koyu:   #0b5a54;
  --art:          #a4181d;   /* fiyat artışı */
  --az:           #1f6b3f;   /* fiyat düşüşü */

  --olcu:         1180px;
  --olcu-dar:     720px;

  --seri:    "Source Serif 4", Georgia, "Times New Roman", serif;
  --grotesk: "Archivo", "Helvetica Neue", Arial, sans-serif;
}

*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; background: #ffffff; }
body {
  margin: 0; background: #ffffff; color: var(--murekkep);
  font-family: var(--seri); font-size: 18px; line-height: 1.6; font-synthesis-weight: none;
}
img { max-width: 100%; height: auto; display: block; }
a { color: var(--vurgu-koyu); text-decoration-thickness: 1px; text-underline-offset: 2px; }
a:hover { color: var(--vurgu); }
.kap { max-width: var(--olcu); margin-inline: auto; padding-inline: 16px; }
.gizli { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }

/* ---------- Üst şerit: tarih + canlı değerler (DB'den) ---------- */
.ust-serit { border-bottom: 1px solid var(--cetvel); background: var(--kagit-acik); font-family: var(--grotesk); font-size: 12.5px; }
.ust-serit .kap { display: flex; align-items: center; gap: 16px; min-height: 38px; flex-wrap: wrap; }
.ust-tarih { color: var(--murekkep-2); text-transform: uppercase; letter-spacing: .09em; }
.ust-degerler { display: flex; gap: 14px; flex-wrap: wrap; margin-left: auto; }
.ust-deger { color: var(--murekkep); white-space: nowrap; }
.ust-deger b { font-weight: 700; }
.ust-deger a { color: inherit; text-decoration: none; }

/* ---------- Künye (nameplate) ---------- */
.nameplate { text-align: center; padding: 22px 0 0; }
.nameplate a { text-decoration: none; color: inherit; display: inline-block; }
.nameplate__ad { margin: 0; line-height: 0; }
.nameplate__ad .nameplate__marka { height: clamp(40px, 7.6vw, 68px); width: auto; max-width: 92vw; display: inline-block; }
.nameplate__marka-yedek { font-family: var(--grotesk); font-weight: 700; font-size: clamp(38px, 8vw, 72px); line-height: .95; }
.nameplate__alt { font-family: var(--grotesk); font-size: 11.5px; letter-spacing: .28em; text-transform: uppercase; color: var(--murekkep-3); margin: 12px 0 0; }
.nameplate__cetvel { margin: 16px 0 0; border: 0; border-top: 3px solid var(--cetvel-kalin); position: relative; }
.nameplate__cetvel::after { content: ""; position: absolute; left: 0; right: 0; top: 3px; border-top: 1px solid var(--cetvel-kalin); }

/* ---------- Gezinti ---------- */
.gezinti { border-bottom: 1px solid var(--cetvel); }
.gezinti ul { list-style: none; margin: 0; padding: 0; display: flex; gap: 22px; justify-content: center; flex-wrap: wrap; min-height: 46px; align-items: center; }
.gezinti a { font-family: var(--grotesk); font-size: 13.5px; font-weight: 600; letter-spacing: .08em; text-transform: uppercase; color: var(--murekkep); text-decoration: none; padding: 4px 0; border-bottom: 2px solid transparent; }
.gezinti a:hover, .gezinti .aktif a { color: var(--vurgu); border-bottom-color: var(--vurgu); }

/* ---------- Bölüm başlığı ---------- */
.bolum-baslik { display: flex; align-items: center; gap: 14px; margin: 0 0 16px; padding-top: 6px; border-top: 3px solid var(--cetvel-kalin); }
.bolum-baslik h2 { font-family: var(--grotesk); font-size: 13px; font-weight: 700; letter-spacing: .16em; text-transform: uppercase; margin: 8px 0 0; }
.bolum-baslik .tumu { margin-left: auto; font-family: var(--grotesk); font-size: 12px; letter-spacing: .06em; text-transform: uppercase; text-decoration: none; }
.bolum { margin-top: 36px; }

/* ---------- Manşet ---------- */
.manset-izgara { display: grid; grid-template-columns: minmax(0, 2.1fr) minmax(0, 1fr); gap: 34px; padding: 28px 0 8px; }
.manset__etiket, .kart__etiket { font-family: var(--grotesk); font-size: 11.5px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: var(--vurgu); display: inline-block; margin-bottom: 8px; }
.manset__baslik { font-size: clamp(28px, 4.2vw, 48px); line-height: 1.1; font-weight: 700; margin: 0 0 12px; letter-spacing: -.01em; }
.manset__baslik a { color: inherit; text-decoration: none; }
.manset__baslik a:hover { color: var(--vurgu); }
.manset__spot { font-size: 20px; line-height: 1.5; color: var(--murekkep-2); margin: 0 0 12px; }
.manset__gorsel { margin: 0 0 14px; }
.manset-ikincil { display: grid; grid-template-columns: repeat(auto-fit, minmax(210px, 1fr)); gap: 22px; margin-top: 22px; }

/* ---------- Kartlar ---------- */
.kart-izgara { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 28px 32px; }
.kart { border-top: 1px solid var(--cetvel); padding-top: 14px; }
.kart__baslik { font-size: 20px; line-height: 1.25; font-weight: 700; margin: 0 0 8px; }
.kart__baslik a { color: inherit; text-decoration: none; }
.kart__baslik a:hover { color: var(--vurgu); }
.kart__spot { font-size: 16px; color: var(--murekkep-2); margin: 0 0 10px; line-height: 1.5; }
.kunye { font-family: var(--grotesk); font-size: 12.5px; color: var(--murekkep-3); margin: 0; }

/* ---------- Yan sütun: veri parçacıkları ---------- */
.yan { border-left: 1px solid var(--cetvel); padding-left: 24px; }
.parcacik { margin-bottom: 26px; }
.parcacik h3 { font-family: var(--grotesk); font-size: 12px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; margin: 0 0 8px; padding-bottom: 6px; border-bottom: 2px solid var(--cetvel-kalin); }
.parcacik table { font-size: 15px; margin: 0 0 6px; }
.parcacik td, .parcacik th { padding: 6px 4px; }
.parcacik .tumu { font-family: var(--grotesk); font-size: 12.5px; }

/* ---------- Yazı ---------- */
.yazi { max-width: var(--olcu-dar); margin: 32px auto 0; }
.yazi h1, .sayfa h1, .arsiv-baslik { font-size: clamp(28px, 4.4vw, 44px); line-height: 1.12; font-weight: 700; letter-spacing: -.01em; margin: 10px 0 14px; }
.yazi__spot { font-size: 20.5px; line-height: 1.5; color: var(--murekkep-2); margin: 0 0 18px; }
.yazi__kunye { border-top: 1px solid var(--cetvel); border-bottom: 1px solid var(--cetvel); padding: 10px 0; margin-bottom: 24px; display: flex; gap: 16px; flex-wrap: wrap; font-family: var(--grotesk); font-size: 13px; color: var(--murekkep-3); }
.yazi__kunye a { color: var(--murekkep-2); }
.yazi__gorsel { margin: 0 0 22px; }
.yazi__gorsel img { width: 100%; height: auto; aspect-ratio: 16 / 9; object-fit: cover; }
.yazi__atif { font-family: var(--grotesk); font-size: 12px; line-height: 1.4; color: var(--murekkep-3); margin: 6px 0 0; }
.yazi__atif a { color: inherit; }
.yazi__govde p { margin: 0 0 1.15em; }
.yazi__govde h2 { font-size: 25px; margin: 1.5em 0 .5em; line-height: 1.25; }
.yazi__govde ul { padding-left: 1.2em; }
.yazi-veri { margin: 30px 0 0; }
.yazi-veri ul { display: flex; flex-wrap: wrap; gap: 8px 18px; list-style: none; padding: 0; margin: 0; }
.veriyle { margin: 1.4em 0; padding: 14px 16px; border-left: 4px solid var(--vurgu); background: var(--kagit-acik); }
.veriyle h2 { font-family: var(--grotesk); font-size: 12.5px; letter-spacing: .14em; text-transform: uppercase; margin: 0 0 8px; }

/* ---------- Veri sayfası ---------- */
.sayfa { padding: 26px 0 0; }
/* Veri önce (2026-09-28): açıklayıcı metin blokların ALTINDA; arşiv tanıtımı listenin altında. */
.sayfa__aciklama { max-width: var(--olcu-dar); margin: 34px 0 0; }
.arsiv-aciklama { max-width: var(--olcu-dar); margin: 26px 0 0; color: var(--murekkep-2); }
.sayfa-tarih { font-family: var(--grotesk); font-size: 13px; letter-spacing: .05em; text-transform: uppercase; color: var(--murekkep-3); margin: 0 0 14px; }
.alt-baglantilar { display: flex; gap: 8px; flex-wrap: wrap; margin: 14px 0 22px; }
.alt-baglantilar a { font-family: var(--grotesk); font-size: 13px; letter-spacing: .03em; text-decoration: none; color: var(--murekkep); background: var(--kagit-acik); border: 1px solid var(--cetvel); padding: 6px 13px; }
.alt-baglantilar a:hover, .alt-baglantilar .aktif { border-color: var(--vurgu); color: var(--vurgu); }
.veri-blok { margin: 22px 0 30px; overflow-x: auto; }
.ozet-izgara { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 14px; }
.ozet-kart { border: 1px solid var(--cetvel); border-top: 3px solid var(--vurgu); padding: 12px 14px; }
.ozet-kart__ad { display: block; font-family: var(--grotesk); font-size: 12px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; color: var(--murekkep-2); }
.ozet-kart__deger { display: block; font-family: var(--grotesk); font-size: 28px; font-weight: 700; margin: 4px 0; font-variant-numeric: tabular-nums; }
.ozet-kart__deger small { font-size: 13px; font-weight: 600; color: var(--murekkep-3); }
.ozet-kart__not { display: block; font-family: var(--grotesk); font-size: 12.5px; color: var(--murekkep-3); }

/* ---------- Tablolar ---------- */
table { width: 100%; border-collapse: collapse; font-size: 16px; margin: 0 0 14px; }
caption { text-align: left; font-family: var(--grotesk); font-size: 13px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: var(--murekkep-2); padding: 0 0 8px; }
thead th { font-family: var(--grotesk); font-size: 12px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; text-align: left; color: var(--murekkep-2); border-bottom: 2px solid var(--cetvel-kalin); padding: 8px 10px 7px; }
tbody td, tbody th { padding: 9px 10px; border-bottom: 1px solid var(--cetvel); vertical-align: top; text-align: left; font-weight: 400; }
tbody th { font-weight: 600; }
tbody tr:nth-child(even) { background: var(--kagit-acik); }
td.sayi { font-variant-numeric: tabular-nums; white-space: nowrap; }
td.aralik { color: var(--murekkep-3); font-size: 14px; white-space: nowrap; }
tr.ortalama th, tr.ortalama td { font-weight: 700; border-top: 2px solid var(--cetvel-kalin); }
.fark--art { color: var(--art); font-weight: 600; }
.fark--az { color: var(--az); font-weight: 600; }
.fark--sabit, .fark--yok { color: var(--murekkep-3); }
.kaynak-notu { font-family: var(--grotesk); font-size: 13px; color: var(--murekkep-2); margin: 4px 0 0; }
.veri-not { font-family: var(--grotesk); font-size: 14px; color: var(--murekkep-2); margin: 8px 0 0; max-width: 72ch; }
.damga { font-family: var(--grotesk); font-size: 12.5px; color: var(--murekkep-3); margin: 2px 0 0; }
.veri-yok { font-family: var(--grotesk); font-size: 14px; color: var(--murekkep-3); border: 1px dashed var(--cetvel); padding: 10px 12px; }

/* ---------- Grafik (satır içi SVG) ---------- */
.grafik-kutu { margin: 18px 0 26px; }
.grafik-kutu figcaption { font-family: var(--grotesk); font-size: 13px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: var(--murekkep-2); margin-bottom: 6px; }
.grafik { width: 100%; height: auto; }
.grafik__eksen { stroke: var(--cetvel); stroke-width: 1; }
.grafik__cizgi { fill: none; stroke: var(--vurgu); stroke-width: 2.2; stroke-linejoin: round; }
.grafik__etiket { font-family: var(--grotesk); font-size: 11px; fill: var(--murekkep-3); }

/* ---------- Liste/arşiv ---------- */
.il-liste { columns: 4 170px; column-gap: 24px; list-style: none; padding: 0; margin: 0; font-family: var(--grotesk); font-size: 15px; }
.il-liste li { padding: 3px 0; break-inside: avoid; }
.sayfalama ul { display: flex; gap: 8px; list-style: none; padding: 0; font-family: var(--grotesk); }
.sayfalama a, .sayfalama span { padding: 4px 10px; border: 1px solid var(--cetvel); text-decoration: none; }

/* ---------- Alt bilgi ---------- */
.il-serit { margin-top: 48px; padding: 24px 0; background: var(--kagit-acik); border-top: 1px solid var(--cetvel); }
.alt { margin-top: 0; border-top: 3px solid var(--cetvel-kalin); padding: 30px 0 46px; }
.alt__izgara { display: grid; grid-template-columns: repeat(auto-fit, minmax(210px, 1fr)); gap: 26px; }
.alt h4 { font-family: var(--grotesk); font-size: 12px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; margin: 0 0 10px; }
.alt ul { list-style: none; margin: 0; padding: 0; font-size: 15px; }
.alt li { padding: 3px 0; }
.alt a { color: var(--murekkep-2); text-decoration: none; }
.alt a:hover { color: var(--vurgu); text-decoration: underline; }
.alt__kunye { margin-top: 26px; padding-top: 16px; border-top: 1px solid var(--cetvel); font-family: var(--grotesk); font-size: 12.5px; color: var(--murekkep-3); }

/* ---------- Dar ekran ---------- */
@media (max-width: 880px) {
  body { font-size: 17px; }
  .manset-izgara { grid-template-columns: 1fr; gap: 24px; }
  .yan { border-left: 0; padding-left: 0; border-top: 3px solid var(--cetvel-kalin); padding-top: 16px; }
  .ust-degerler { margin-left: 0; }
  .gezinti ul { gap: 14px; }
  table { font-size: 14.5px; }
  thead th, tbody td, tbody th { padding: 7px 6px; }
}

/* Hesaplayıcı formu */
form.hesap { display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 12px 16px; align-items: end;
  border: 1px solid var(--cetvel); padding: 16px; margin: 0 0 20px; font-family: var(--grotesk); }
form.hesap label { display: flex; flex-direction: column; gap: 4px; font-size: 14px; color: var(--murekkep-2); }
form.hesap input, form.hesap select { font: inherit; font-size: 16px; padding: 8px 10px; border: 1px solid var(--cetvel-kalin); background: #fff; color: var(--murekkep); }
form.hesap output { grid-column: 1 / -1; font-size: 20px; font-weight: 700; color: var(--murekkep); min-height: 1.4em; }