/* ==========================================================================
   ek/b.css — sayfa ajanı B: soru önergesi, kanun teklifi, önerge, konuşma, bakanlık sayfaları.
   Yalnız site.css'te karşılığı olmayan parçalar; renkler site.css değişkenlerinden.
   Önek "b-": başka ajanların sınıflarıyla çakışmasın.
   ========================================================================== */

/* ---------------------------------------------------------------- kayıt başı (detay sayfaları) */
.kayit-bas { padding-top: 18px; padding-bottom: 28px; }
.baslik-kayit { margin-top: 16px; max-width: 1000px; font-size: clamp(28px, 3.6vw, 46px); line-height: 1.1; letter-spacing: -0.02em; }
.baslik-kayit-genis { max-width: 1120px; }
.b-cip { font-size: 12px; padding: 4px 8px; }
.b-cip-cerceve { background: transparent; color: var(--renk, var(--soguk)); box-shadow: inset 0 0 0 1px var(--renk, var(--soguk)); padding: 3px 8px; }
.b-cip svg { vertical-align: -2px; margin-right: 6px; }
.b-kisi { display: flex; flex-wrap: wrap; gap: 8px 12px; align-items: center; margin-top: 16px; font-size: 16px; }
.b-kisi > a { font-weight: 700; color: var(--baslik); }
.b-kisi .ok { color: var(--soguk); }
.b-alt-bilgi { margin-top: 14px; font-size: 17px; color: var(--soluk); }
.b-alt-bilgi strong { font-family: var(--mono); font-weight: 500; }

/* ---------------------------------------------------------------- önergenin yolculuğu (yatay; telefonda dikey liste) */
.b-yol { position: relative; margin: 64px 8px 56px; }
.b-yol-uc { margin-bottom: 100px; }
.b-yol-hat { position: relative; height: 4px; background: var(--kenar-guclu); }
.b-yol-sure { position: absolute; left: 0; top: 0; height: 4px; width: var(--dolu, 0%); background: var(--soguk); }
.b-yol-gecikme { position: absolute; top: 0; height: 4px; left: var(--esik, 0%); width: var(--gec, 0%); background: var(--renk, var(--sicak)); }
.b-yol-adimlar { list-style: none; margin: 0; padding: 0; position: absolute; left: 0; right: 0; top: 0; height: 4px; }
.b-yol-adim { position: absolute; left: var(--x, 0%); top: 0; width: 0; height: 4px; }
.b-yol-nokta { position: absolute; left: 0; top: -6px; width: 16px; height: 16px; margin-left: -8px; border-radius: 50%; background: var(--renk, var(--soguk)); }
.b-yol-nokta.b-bos { background: var(--zemin); box-shadow: inset 0 0 0 3px var(--renk, var(--soluk)); }
.b-yol-cizik { position: absolute; left: 0; top: -14px; height: 32px; margin-left: -1px; border-left: 2px dashed var(--baslik); }
.b-yol-etiket { position: absolute; white-space: nowrap; line-height: 1.35; }
.b-yol-etiket time, .b-yol-etiket .b-yol-tarih { display: block; font-family: var(--mono); font-size: 12px; color: var(--soluk); }
.b-yol-etiket .b-yol-ad { display: block; font-size: 14px; font-weight: 600; color: var(--metin); }
.b-ust .b-yol-etiket { bottom: 18px; }
.b-alt .b-yol-etiket { top: 22px; }
.b-alt2 .b-yol-etiket { top: 66px; }
.b-sol .b-yol-etiket { left: -8px; text-align: left; }
.b-orta .b-yol-etiket { left: 0; transform: translateX(-50%); text-align: center; }
.b-sag .b-yol-etiket { right: -8px; text-align: right; }
.b-yol-ozet { font-size: 14px; color: var(--soluk); }
.b-yol-ozet strong { color: var(--baslik); }

/* ---------------------------------------------------------------- metin bölümleri (önerge, cevap, teklif, konuşma) */
.b-giris { font-style: italic; color: var(--soluk); }
.b-sorular-baslik, .metin .b-sorular-baslik { margin-top: 1.2em; font-family: var(--yazi); font-size: 13px; font-weight: 700; letter-spacing: 0.1em; color: var(--soguk); }
.b-sorular { margin-top: 10px; padding-left: 26px; }
.metin .b-sorular li + li { margin-top: 12px; }
.b-sorular li { padding-left: 6px; }
.b-sorular li p + p { margin-top: 0.4em; }
.b-daha { margin-top: 1em; }
.b-daha > summary {
  display: inline-flex; align-items: center; min-height: 44px; padding: 0 14px; border: 1px solid var(--kenar-guclu);
  font-family: var(--yazi); font-size: 14px; font-style: normal; color: var(--metin); cursor: pointer; list-style: none;
}
.b-daha > summary::-webkit-details-marker { display: none; }
.b-daha > summary:hover { border-color: var(--soluk); color: var(--baslik); }
.b-daha > summary .acik { display: none; }
.b-daha[open] > summary { margin-bottom: 1em; }
.b-daha[open] > summary .kapali { display: none; }
.b-daha[open] > summary .acik { display: inline; }
.b-daha > p + p { margin-top: 1em; }
mark.okunamadi { background: rgba(242, 181, 68, 0.22); color: var(--baslik); border-bottom: 2px dotted var(--sicak); padding: 0 3px; cursor: help; }
.b-imza { margin-top: 1.2em; text-align: right; font-family: var(--yazi); font-size: 14px; line-height: 1.5; color: var(--soluk); }
.b-imza span { display: block; }
.b-imza span:first-child { color: var(--metin); font-weight: 600; }
.b-ocr-not {
  margin-top: 24px; padding: 14px 16px; background: var(--zemin); border: 1px solid var(--kenar);
  display: flex; flex-wrap: wrap; gap: 10px 20px; align-items: center; justify-content: space-between; font-size: 14px; color: var(--soluk);
}
.b-bekleme { display: flex; flex-wrap: wrap; gap: 12px 24px; align-items: center; justify-content: space-between; }
.b-konusmaci { display: block; margin-bottom: 4px; font-family: var(--mono); font-size: 12px; font-style: normal; letter-spacing: 0.04em; color: var(--soluk); }
.b-kesit { padding-left: 16px; border-left: 3px solid var(--renk, var(--kenar-guclu)); font-family: var(--serif); font-size: 18px; line-height: 1.65; color: var(--okuma); }

/* ---------------------------------------------------------------- yan sütun: 300×250 reklam (Onerge.dc.html) */
.b-reklam-250 .reklam-sag { height: 250px; }
/* yer tutucu (AdSense kapalıyken) doğru boyutu yazsın; parça metni 300×600 der */
.b-reklam-250 .reklam-yer > span { display: none; }
.b-reklam-250 .reklam-yer::after { content: 'REKLAM ALANI\A 300×250'; white-space: pre; }

/* ---------------------------------------------------------------- kanun teklifi: yolculuk adımları, süre çubuğu, maddeler */
.b-adimlar { list-style: none; margin: 30px 0 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 28px 0; }
.b-adim { min-width: 0; }
.b-adim-soluk .b-adim-baslik { color: var(--soluk); }   /* opaklık yerine renk: küçük yazı AA kontrastını (≥4.5:1) korusun */
.b-adim-soluk .b-adim-alt, .b-adim-soluk .b-adim-tarih { color: #8A929D; }
.b-adim-ust { display: flex; align-items: center; height: 20px; }
.b-adim-nokta { flex: 0 0 auto; width: 14px; height: 14px; border-radius: 50%; background: var(--renk, var(--soguk)); border: 2px solid var(--renk, var(--soguk)); }
.b-adim-nokta.b-bos { background: var(--kart); border-color: var(--kenar-guclu); }
.b-adim-nokta.b-son { width: 18px; height: 18px; }
.b-adim-cizgi { flex: 1 1 auto; margin: 0 6px; border-top: 2px solid var(--renk, var(--soguk)); }
.b-adim-cizgi.b-bos { border-top: 2px dashed var(--kenar-guclu); }
.b-adim:last-child .b-adim-cizgi { border-color: transparent; }
.b-adim-govde { margin-top: 14px; padding-right: 18px; }
.b-adim-tarih { font-family: var(--mono); font-size: 12px; color: var(--soluk); }
.b-adim-baslik { margin-top: 4px; font-size: 15px; font-weight: 700; line-height: 1.3; color: var(--baslik); }
.b-adim-alt { margin-top: 4px; font-size: 13px; line-height: 1.45; color: var(--soluk); }
.b-sure-cubuk { display: flex; gap: 2px; height: 10px; }
.b-sure-cubuk > span { flex: var(--n, 1) 0 0; background: var(--renk, var(--soguk)); min-width: 4px; }
.b-sure-eksen { display: flex; gap: 2px; margin-top: 8px; font-family: var(--mono); font-size: 11px; color: var(--soluk); }
.b-sure-eksen > span { flex: var(--n, 1) 0 0; min-width: 0; display: flex; justify-content: space-between; gap: 8px; }
.b-maddeler { columns: 2 300px; column-gap: 40px; margin-top: 18px; }
.b-madde { break-inside: avoid; border-top: 1px solid var(--kenar); }
.b-madde > summary {
  display: grid; grid-template-columns: 64px minmax(0, 1fr) 16px; gap: 12px; align-items: center; min-height: 48px; padding: 6px 0;
  font-size: 15px; line-height: 1.35; color: var(--metin); cursor: pointer; list-style: none;
}
.b-madde > summary::-webkit-details-marker { display: none; }
.b-madde > summary:hover { color: var(--baslik); }
.b-madde > summary .mono { font-size: 13px; color: var(--soguk); }
.b-madde > summary svg { color: var(--soluk); transition: transform 0.15s; }
.b-madde[open] > summary svg { transform: rotate(90deg); }
.b-madde-metin { padding: 4px 0 16px 76px; font-family: var(--serif); font-size: 16px; line-height: 1.65; color: var(--okuma); }
.b-madde-metin p + p { margin-top: 0.6em; }
.b-madde-gerekce { margin-top: 10px; padding-top: 10px; border-top: 1px dashed var(--kenar); font-family: var(--yazi); font-size: 14px; color: var(--soluk); }
.b-soz { display: flex; flex-wrap: wrap; gap: 14px 18px; padding: 20px 0; border-top: 1px solid var(--kenar); }
.b-soz:last-child { border-bottom: 1px solid var(--kenar); }
.b-soz-govde { flex: 1 1 420px; min-width: 0; }
.b-soz-ust { display: flex; flex-wrap: wrap; gap: 6px 14px; justify-content: space-between; align-items: baseline; }
.b-soz-ad { font-size: 17px; font-weight: 700; color: var(--baslik); }
.b-imzaci-izgara { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 220px), 1fr)); gap: 4px 20px; margin-top: 12px; }
.b-imzaci-izgara a { display: flex; align-items: center; gap: 8px; padding: 6px 0; font-size: 14px; color: var(--metin); min-width: 0; }
.b-imzaci-izgara a span { min-width: 0; overflow-wrap: anywhere; }

/* ---------------------------------------------------------------- bakanlık karnesi (5 sütun: soru sayısı da) */
.b-karne .karne-satir { grid-template-columns: 200px minmax(0, 1fr) 72px 64px 64px; }
.b-karne .karne-satir.b-bos .karne-ad { color: var(--soluk); }
.b-kars-bu { color: var(--baslik); font-weight: 800; }
.b-kars { --sutunlar: 28px minmax(0, 220px) minmax(0, 1fr) 52px; }
.b-kars .cubuk { margin-top: 0; height: 8px; }

/* ---------------------------------------------------------------- orta ekran */
@media (max-width: 960px) {
  .b-karne .karne-satir { grid-template-columns: 140px minmax(0, 1fr) 56px 52px 52px; gap: 8px; }
}

/* ---------------------------------------------------------------- telefon */
@media (max-width: 760px) {
  .b-karne .karne-satir { grid-template-columns: minmax(0, 1fr) 56px 56px; }
  .b-karne .karne-satir .karne-cizgi { grid-column: 1 / -1; grid-row: 2; }
  .b-karne .karne-satir > .mono:last-child { display: none; }
  .b-karne .karne-satir.b-cizgisiz .karne-cizgi { display: none; }   /* ortalaması olmayan satır telefonda boş çizgi satırı açmasın */
  .b-madde-metin { padding-left: 0; }
  .b-kars { --sutunlar: 24px minmax(0, 1fr) 44px; }
  .b-kars .cubuk { grid-column: 2 / 3; grid-row: 2; }
  .b-kars .tablo-satir { row-gap: 4px; padding: 8px 0; }
}
@media (max-width: 640px) {
  /* zaman çizelgesi dikey liste olur: etiketler çakışmaz, tarih sırası korunur */
  .b-yol, .b-yol-uc { margin: 18px 0 16px 6px; }
  .b-yol-hat { display: none; }
  .b-yol-adimlar { position: static; height: auto; display: flex; flex-direction: column; border-left: 2px solid var(--kenar-guclu); }
  .b-yol-adim { position: relative; left: auto; width: auto; height: auto; padding: 0 0 18px 20px; }
  .b-yol-adim:last-child { padding-bottom: 0; }
  .b-yol-nokta { left: -9px; top: 2px; margin-left: 0; }
  .b-yol-cizik { left: -9px; top: 2px; height: 16px; width: 16px; margin-left: 0; border: 2px dashed var(--baslik); border-radius: 50%; background: var(--kart); }
  .b-yol-etiket, .b-ust .b-yol-etiket, .b-alt .b-yol-etiket, .b-alt2 .b-yol-etiket { position: static; transform: none; text-align: left; white-space: normal; }
  .b-adimlar { grid-template-columns: minmax(0, 1fr); gap: 0; border-left: 2px solid var(--kenar-guclu); margin-left: 6px; }
  .b-adim { position: relative; padding: 0 0 18px 20px; }
  .b-adim-ust { position: absolute; left: -9px; top: 0; height: auto; }
  .b-adim-cizgi { display: none; }
  .b-adim-govde { margin-top: 0; padding-right: 0; }
  .b-adim-tarih.b-tarihsiz { display: none; }   /* telefonda "—" satırı boşluk yaratmasın */
}

/* ---------------------------------------------------------------- bağlam kartları (teklif: komisyon, kabul günü) */
a.kart.b-baglam-kart { display: flex; flex-direction: column; gap: 8px; padding: 18px; }
a.kart.b-baglam-kart:hover { border-color: var(--kenar-guclu); border-left-color: var(--renk, var(--soguk)); }

/* ---------------------------------------------------------------- metin içi bağlantılar (WCAG 1.4.1, axe link-in-text-block)
   Kayıt satırındaki vekil/il bağlantıları ve künyedeki bağlantılar çevre metinden yalnız renkle ayrışıyordu:
   B sayfalarında ince alt çizgi. (Çekirdek parçanın kendisine dokunulmaz; öteki sayfalar için çekirdeğe öneri.) */
.b-kayitlar .kayit-alt a, .b-tanim dd a { text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 3px; text-decoration-color: rgba(233, 236, 239, 0.4); }
.b-tanim dd a { text-decoration-color: rgba(69, 201, 214, 0.5); }
.b-kayitlar .kayit-alt a:hover, .b-tanim dd a:hover { text-decoration-color: currentColor; }