/* Phishing kviz — PHISHING-KVIZ-2026-07-05 */
.pk-wrap { margin: 0; }

.pk-napredak {
  font-size: 0.9rem; color: var(--muted, #8aa0b8);
  margin-bottom: 0.75rem; text-align: center;
}

.pk-tip-oznaka {
  display: inline-block; background: var(--cyan, #2ec5d3); color: #06202b;
  font-size: 0.78rem; font-weight: 700; padding: 3px 10px; border-radius: 999px;
  margin-bottom: 0.75rem;
}

/* Mock poruka - vizuelni prikaz */
.pk-mock {
  border: 1px solid rgba(255,255,255,0.12); border-radius: 12px;
  overflow: hidden; margin-bottom: 1.25rem; background: #0f1b2d;
}
.pk-mock-header {
  padding: 10px 14px; font-size: 0.85rem;
  background: rgba(255,255,255,0.05); border-bottom: 1px solid rgba(255,255,255,0.08);
}
.pk-mock-from-label { color: var(--muted, #8aa0b8); }
.pk-mock-from { font-weight: 600; color: #e6eef7; }
.pk-mock-body { padding: 16px 14px; line-height: 1.55; color: #e6eef7; }

/* SMS izgled - mehuric */
.pk-mock-sms .pk-mock-body {
  background: #1f3a2e; border-radius: 0 0 12px 12px;
}
/* Email izgled - formalan */
.pk-mock-email .pk-mock-header { background: rgba(46,197,211,0.08); }
/* DM izgled */
.pk-mock-dm .pk-mock-body { background: #23283a; }

/* Dugmad odgovora */
.pk-akcije { display: flex; gap: 12px; margin-bottom: 1rem; }
.pk-btn {
  flex: 1; padding: 12px; border-radius: 10px; border: 1px solid rgba(255,255,255,0.15);
  background: #16273d; color: #e6eef7; font-size: 1rem; font-weight: 600;
  cursor: pointer; transition: background 0.15s, border-color 0.15s;
}
.pk-btn:hover:not(:disabled) { background: #1d3350; border-color: var(--cyan, #2ec5d3); }
.pk-btn:disabled { opacity: 0.5; cursor: default; }
.pk-btn-prevara:hover:not(:disabled) { border-color: #e05a5a; }
.pk-btn-legitiman:hover:not(:disabled) { border-color: #4fbf6a; }

/* Rezultat */
.pk-rezultat { margin-bottom: 1rem; }
.pk-rezultat:empty { margin: 0; }
.pk-rezultat-naslov { font-size: 1.05rem; font-weight: 700; margin-bottom: 0.75rem; }
.pk-tacno .pk-rezultat-naslov { color: #4fbf6a; }
.pk-netacno .pk-rezultat-naslov { color: #e05a5a; }
.pk-tragovi-naslov { font-size: 0.9rem; font-weight: 600; color: var(--muted, #8aa0b8); margin-bottom: 0.4rem; }
.pk-tragovi { margin: 0 0 0.9rem 0; padding-left: 1.2rem; }
.pk-tragovi li { margin-bottom: 0.35rem; line-height: 1.45; }
.pk-objasnjenje {
  background: rgba(46,197,211,0.07); border-left: 3px solid var(--cyan, #2ec5d3);
  padding: 10px 14px; border-radius: 0 8px 8px 0; line-height: 1.55; margin: 0;
}

/* Dugme dalje / ponovo */
.pk-btn-dalje, .pk-btn-ponovo {
  display: block; width: 100%; padding: 12px; border-radius: 10px; border: none;
  background: var(--cyan, #2ec5d3); color: #06202b; font-size: 1rem; font-weight: 700;
  cursor: pointer; transition: filter 0.15s;
}
.pk-btn-dalje:hover, .pk-btn-ponovo:hover { filter: brightness(1.08); }

/* Kraj / skor */
.pk-kraj { text-align: center; padding: 1rem 0; }
.pk-skor {
  font-size: 2.6rem; font-weight: 800; color: var(--cyan, #2ec5d3); margin: 0.5rem 0;
}
.pk-skor-poruka { line-height: 1.6; margin-bottom: 1.5rem; color: #e6eef7; }

.pk-hidden { display: none !important; }