/* DersTeders - Konu sayfasi devam bilesenleri (assets/js/konu-devam.js)
   Orta soru seridi (sunucu basar) ve okuma ilerleme cubugu (JS basar). */

/* Orta soru seridi: tek satir, 44px dokunma alani, icerigi bolmez */
.kt-orta-cta {
  display: flex; flex-wrap: wrap; align-items: center; gap: 6px 14px;
  margin: 22px 0; padding: 12px 16px;
  background: var(--kt-ozet-b, #FBF6EA);
  border: 1px solid var(--kt-kenar, #E7E0D2);
  border-radius: 12px;
}
.kt-orta-cta a {
  display: inline-flex; align-items: center; min-height: 44px; padding: 0 16px;
  border-radius: 10px; background: #0F6B7C; color: #fff;
  font-weight: 700; text-decoration: none;
}
/* Koyu temada --kt-petrol açık turkuaz (#5ECBDE) olur; beyaz yazı zeminde kaybolmasın diye
   buton rengi sabit petrol tutulur (beyaz/#0F6B7C ≈ 6:1). */
.kt-orta-cta a:hover { background: #0A5361; }
html[data-theme="dark"] .kt-orta-cta a { background: #0F6B7C; color: #fff; }
html[data-theme="dark"] .kt-orta-cta a:hover { background: #0A5361; color: #fff; }
.kt-orta-cta a:focus-visible { outline: 3px solid var(--kt-altin, #C5923E); outline-offset: 2px; }
.kt-orta-cta span { color: var(--kt-soluk, #3D6672); font-size: .92rem; }

/* Okuma ilerleme cubugu: ince, sabit, akisa girmez (CLS yok).
   dt-evren.css 'body > *:not(...)' kurali (0,1,1) sabit katmani ezmesin diye
   spesifikitesi yuksek secici (html body > div.kt-ilerleme.kt-ilerleme). */
html body > div.kt-ilerleme.kt-ilerleme {
  position: fixed; left: 0; right: 0; top: 0; height: 3px; z-index: 960;
  background: transparent; pointer-events: none; margin: 0; padding: 0;
}
html body > div.kt-ilerleme.kt-ilerleme > i {
  display: block; height: 100%; width: 100%;
  background: linear-gradient(90deg, var(--kt-altin, #C5923E), var(--kt-petrol, #0F6B7C));
  transform: scaleX(0); transform-origin: 0 50%;
}

html[data-theme="dark"] .kt-orta-cta { background: #16313B; border-color: #1E4650; }
html[data-theme="dark"] .kt-orta-cta span { color: #A8C6CC; }