/* =========================================================
   20. STATE STYLES FOR JS LOGIC
   ========================================================= */

/* kada je elimination mode uključen, ostavi mesta desno za marker / Undo */
.bb-question.is-elimination-mode .bb-answer-row {
  padding-right: 60px;
}

/* hover na answer box, ali ne kada je miš iznad elim/undo kontrole */
.bb-answer-row:hover:not(:has(.bb-elim-mark:hover)):not(:has(.bb-elim-undo:hover)) .bb-answer-box {
  background: #e6e6e6;
  border-color: #777;
}

/* krug sa slovom ostaje beo pri hoveru, osim ako je odgovor selektovan */
.bb-answer-row:hover .bb-answer-letter {
  background: #fff;
}

/* izabrani odgovor */
.bb-answer-row.is-selected .bb-answer-box {
  background: #fff;
  border-color: #3553d8;
  box-shadow: inset 0 0 0 2px #3553d8;
}

.bb-answer-row.is-selected .bb-answer-text {
  color: #111;
}

.bb-answer-row.is-selected .bb-answer-letter {
  background: #3553d8;
  color: #fff;
  border-color: #3553d8;
}

/* eliminisan odgovor */
.bb-answer-row.is-eliminated .bb-answer-box {
  position: relative;
  color: #9a9a9a;
  opacity: 0.72;
}

.bb-answer-row.is-eliminated .bb-answer-letter {
  position: relative;
  color: #9a9a9a;
  border-color: #9a9a9a;
  background: #fff;
}

/* linija preko celog odgovora samo ako nije selektovan */
.bb-answer-row.is-eliminated:not(.is-selected) .bb-answer-box::after {
  content: "";
  position: absolute;
  left: -5px;
  right: -5px;
  top: 50%;
  border-top: 2px solid #333;
  transform: translateY(-50%);
}

/* ako je odgovor i selektovan i eliminisan, selekcija ima prioritet */
.bb-answer-row.is-selected.is-eliminated .bb-answer-box {
  opacity: 1;
  color: #111;
}

.bb-answer-row.is-selected.is-eliminated .bb-answer-text {
  color: #111;
}

.bb-answer-row.is-selected.is-eliminated .bb-answer-letter {
  background: #3553d8;
  color: #fff;
  border-color: #3553d8;
}

.bb-answer-row.is-selected.is-eliminated .bb-answer-box::after {
  content: none;
}

/* disabled izgled može ostati isti kao običan, jer Undo i dalje radi posebno */
.bb-answer-box[aria-disabled="true"] {
  cursor: pointer;
}

/* aktivno ABC dugme */
.bb-elim-toggle.is-on,
.bb-elim-toggle[aria-pressed="true"] {
  background: #3553d8;
  border-color: #3553d8;
}

.bb-elim-toggle.is-on .bb-elim-abc,
.bb-elim-toggle[aria-pressed="true"] .bb-elim-abc {
  color: #fff;
}

.bb-elim-toggle.is-on .bb-elim-abc::after,
.bb-elim-toggle[aria-pressed="true"] .bb-elim-abc::after {
  border-top-color: #fff;
}

/* aktivan Mark for Review */
.bb-review-toggle.is-on .bb-review-label,
.bb-review-toggle[aria-pressed="true"] .bb-review-label {
  color: #111;
}

.bb-review-toggle.is-on .bb-review-flag-shape,
.bb-review-toggle[aria-pressed="true"] .bb-review-flag-shape {
  fill: #c83b52;
  stroke: #c83b52;
}

.bb-question.is-elimination-mode .bb-answer-row {
  padding-right: 60px;
}