/* DersTeders - Konu sayfasi etkilesimi (assets/js/konu-etkilesim.js) */

/* Ornek sorular: secilebilir secenekler */
[data-oyun-soru] .siklar li[role="radio"] {
  cursor: pointer;
  min-height: 44px;
  display: flex;
  align-items: center;
  border-radius: 8px;
  padding: 8px 10px;
  border: 1px solid var(--kt-kenar, #E7E0D2);
  background: var(--kt-kart, #fff);
  user-select: none;
  transition: background .15s, border-color .15s, transform .15s;
}
[data-oyun-soru] .siklar li[role="radio"]:hover { border-color: var(--kt-petrol, #0F6B7C); transform: translateX(3px); }
[data-oyun-soru] .siklar li[role="radio"]:focus-visible { outline: 3px solid var(--kt-altin, #C5923E); outline-offset: 2px; }
[data-oyun-soru] .siklar li.kt-dogru { background: #D4EDDA; color: #0B3E1F; border-color: #2E7D4F; font-weight: 600; }
[data-oyun-soru] .siklar li.kt-yanlis { background: #F8D7DA; color: #842029; border-color: #B4505C; }

.kt-geri { margin: 10px 0 0; font-weight: 700; min-height: 1.4em; color: var(--kt-metin, #12333D); }
.kt-dogru-cevap { margin: 6px 0 0; color: var(--kt-soluk, #3D6672); font-size: .95rem; }

/* Ozet (3 soru sonrasi) */
.kt-ozet {
  background: var(--kt-ozet-b, #FBF6EA);
  border: 1px solid var(--kt-kenar, #E7E0D2);
  border-left: 4px solid var(--kt-altin, #C5923E);
  border-radius: 12px;
  padding: 14px 16px;
  margin: 0 0 24px;
}
.kt-ozet[hidden] { display: none; }
.kt-ozet-baslik { margin: 0 0 6px; font-size: 1.02rem; color: var(--kt-petrol-k, #0A3D4A); }
.kt-ozet-not { margin: 0 0 10px; color: var(--kt-metin, #12333D); }
.kt-ozet-cta {
  display: inline-flex; align-items: center; justify-content: center;
  min-height: 44px; padding: 0 18px; border-radius: 12px;
  background: linear-gradient(135deg, var(--kt-petrol, #0F6B7C), #12879C);
  color: #fff; font-weight: 700; text-decoration: none;
}
.kt-ozet-hesap { margin: 10px 0 0; font-size: .92rem; }
.kt-ozet-hesap a { color: var(--kt-petrol, #0F6B7C); font-weight: 600; }

/* Mobil alt cubuk: kapatma dugmesi ve gizli durum */
.kt-alt-cubuk.kt-alt-x { padding-right: 64px; }
.kt-alt-cubuk.kt-kapali { display: none !important; }
.kt-alt-kapat {
  position: absolute; right: 8px; top: 50%; transform: translateY(-50%);
  min-width: 44px; min-height: 44px; border: 0; border-radius: 12px;
  background: transparent; color: var(--kt-soluk, #3D6672);
  font-size: 1.5rem; line-height: 1; cursor: pointer;
}
.kt-alt-kapat:focus-visible { outline: 3px solid var(--kt-altin, #C5923E); outline-offset: 2px; }

/* Koyu tema */
html[data-theme="dark"] [data-oyun-soru] .siklar li.kt-dogru { background: #16402A; color: #CFF3DC; border-color: #3E8E5F; }
html[data-theme="dark"] [data-oyun-soru] .siklar li.kt-yanlis { background: #3A1D20; color: #F5C2C7; border-color: #A4505C; }

@media (prefers-reduced-motion: reduce) {
  [data-oyun-soru] .siklar li[role="radio"] { transition: none; }
  [data-oyun-soru] .siklar li[role="radio"]:hover { transform: none; }
}