/* Karty pytan, opcje i komunikaty (quiz, checkpointy, moduly kursu)
 *
 * Wyciagniete z 14 modulow narzedziem tools/styl-wyciagnij.py.
 * Edytuj tutaj — zmiana dziala we wszystkich modulach korzystajacych
 * z tego arkusza (wpis "css" w meta.json).
 */

/* Pytania pod trescia — wyglad jak reszta materialu: kolory z motywu
   (--ink, --soft, --line), wiec jasne na jasnym i ciemne na ciemnym.
   Klikniecie oznacza WYBOR ucznia; poprawnej odpowiedzi nie podswietlamy. */
.instant-quiz-item { margin: 18px 0; padding: 16px; border: 1px solid var(--line); border-radius: 12px; background: var(--soft); color: var(--ink); }
.instant-quiz-item .pytanie-tytul { margin-bottom: 10px; font-weight: 700; color: var(--ink); }
.instant-quiz-item .opcje-lista { display: flex; flex-direction: column; gap: 8px; }
.instant-quiz-item .opcja-label { display: flex; align-items: flex-start; gap: 10px; padding: 10px 12px;
    border: 1px solid var(--line); border-radius: 8px; background: #fff; color: var(--ink);
    cursor: pointer; font-size: 14px; line-height: 1.45; }
.instant-quiz-item .opcja-label:hover { border-color: #b9bccf; background: #fbfbfe; }
.instant-quiz-item.zablokowane .opcja-label { cursor: default; }
.instant-quiz-item .opcja-label.wybrana-dobra { border-color: #17692a; background: rgba(23,105,42,.12); }
.instant-quiz-item .opcja-label.wybrana-zla { border-color: #b3261e; background: rgba(179,38,30,.10); }
.instant-quiz-item .odp-badge { display: none; margin-top: 10px; font-size: 13px; font-weight: 700; }
.instant-quiz-item .odp-badge.dobra { display: block; color: #17692a; }
.instant-quiz-item .odp-badge.zla { display: block; color: #b3261e; }
/* Motyw ciemny: tlo wariantow nie moze byc biale */
:root[data-motyw="ciemny"] .instant-quiz-item .opcja-label { background: #1b2438; }
:root[data-motyw="ciemny"] .instant-quiz-item .opcja-label:hover { background: #202b42; }
:root[data-motyw="ciemny"] .instant-quiz-item .odp-badge.dobra { color: #69db7c; }
:root[data-motyw="ciemny"] .instant-quiz-item .odp-badge.zla { color: #ff8787; }