/* === VAJA KURUC THEME === */
@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@400;700&family=Lora:ital,wght@0,400;0,700;1,400&display=swap');

.h5p-container, .h5p-content {
  font-family: 'Lora', serif !important;
  --kuruc-red: #8b0000;
  --kuruc-gold: #d4a843;
  --kuruc-parchment: #f5e6c8;
  --kuruc-dark: #1a1a2e;
  --kuruc-cream: #faf3e6;
}

/* Intro page */
.h5p-question-set .intro-page {
  background: linear-gradient(135deg, var(--kuruc-dark) 0%, #2d1b00 100%) !important;
  border: 2px solid var(--kuruc-gold) !important;
  border-radius: 12px !important;
  padding: 2em !important;
}
.h5p-question-set .intro-page .title {
  font-family: 'Cinzel', serif !important;
  color: var(--kuruc-gold) !important;
  text-shadow: 0 2px 4px rgba(0,0,0,0.5);
  font-size: 1.4em !important;
}
.h5p-question-set .intro-page .introduction {
  color: var(--kuruc-cream) !important;
  font-family: 'Lora', serif !important;
}

/* Start button */
.h5p-question-set .h5p-start-button,
.h5p-question-set .qs-startbutton {
  background: linear-gradient(180deg, var(--kuruc-red) 0%, #5a0000 100%) !important;
  border: 2px solid var(--kuruc-gold) !important;
  color: #fff !important;
  font-family: 'Cinzel', serif !important;
  font-size: 1.1em !important;
  padding: 12px 32px !important;
  border-radius: 8px !important;
  text-transform: uppercase;
  letter-spacing: 1px;
  box-shadow: 0 4px 12px rgba(139,0,0,0.4);
  transition: all 0.3s ease;
}
.h5p-question-set .h5p-start-button:hover,
.h5p-question-set .qs-startbutton:hover {
  background: linear-gradient(180deg, #a50000 0%, #6b0000 100%) !important;
  box-shadow: 0 6px 16px rgba(139,0,0,0.6);
  transform: translateY(-1px);
}

/* Question area */
.h5p-question-set .h5p-question-content {
  background: var(--kuruc-cream) !important;
  border: 1px solid rgba(212,168,67,0.3) !important;
  border-radius: 10px !important;
  padding: 1.2em !important;
}

/* Question text */
.h5p-multichoice .h5p-question,
.h5p-blanks .h5p-question,
.h5p-true-false .h5p-question {
  font-family: 'Lora', serif !important;
  color: var(--kuruc-dark) !important;
  font-size: 1.05em !important;
  line-height: 1.6 !important;
}

/* Answer options */
.h5p-multichoice .h5p-answer {
  background: #fff !important;
  border: 2px solid #e0d5c0 !important;
  border-radius: 8px !important;
  margin: 6px 0 !important;
  padding: 10px 14px !important;
  transition: all 0.2s ease;
}
.h5p-multichoice .h5p-answer:hover {
  border-color: var(--kuruc-gold) !important;
  background: #fef9f0 !important;
  box-shadow: 0 2px 8px rgba(212,168,67,0.2);
}
.h5p-multichoice .h5p-answer.h5p-selected {
  border-color: var(--kuruc-red) !important;
  background: #fff5f5 !important;
  box-shadow: 0 0 0 2px rgba(139,0,0,0.15);
}

/* Correct / Wrong */
.h5p-multichoice .h5p-answer.h5p-correct {
  border-color: #2d8a4e !important;
  background: #f0faf4 !important;
}
.h5p-multichoice .h5p-answer.h5p-wrong {
  border-color: var(--kuruc-red) !important;
  background: #fef0f0 !important;
}

/* True/False buttons */
.h5p-true-false .h5p-true, .h5p-true-false .h5p-false {
  border-radius: 8px !important;
  font-family: 'Cinzel', serif !important;
  transition: all 0.2s ease;
}

/* Check / Retry / Solution buttons */
.h5p-question-check-answer,
.h5p-question-try-again,
.h5p-question-show-solution {
  font-family: 'Cinzel', serif !important;
  border-radius: 6px !important;
  padding: 8px 24px !important;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  font-size: 0.85em !important;
}
.h5p-question-check-answer {
  background: var(--kuruc-red) !important;
  border-color: var(--kuruc-red) !important;
  color: #fff !important;
}
.h5p-question-check-answer:hover {
  background: #a50000 !important;
}
.h5p-question-try-again {
  background: transparent !important;
  border: 2px solid var(--kuruc-red) !important;
  color: var(--kuruc-red) !important;
}
.h5p-question-show-solution {
  background: transparent !important;
  border: 2px solid var(--kuruc-gold) !important;
  color: #8a6d20 !important;
}

/* Progress dots */
.h5p-question-set .progress-dot {
  border: 2px solid var(--kuruc-gold) !important;
}
.h5p-question-set .progress-dot.answered {
  background: var(--kuruc-gold) !important;
}
.h5p-question-set .progress-dot.current {
  background: var(--kuruc-red) !important;
  border-color: var(--kuruc-red) !important;
}

/* Navigation arrows */
.h5p-question-set .h5p-question-next,
.h5p-question-set .h5p-question-prev,
.h5p-question-set .qs-footer .next,
.h5p-question-set .qs-footer .prev {
  background: var(--kuruc-red) !important;
  border-radius: 50% !important;
  color: #fff !important;
}

/* Results page */
.h5p-question-set .result-header {
  background: linear-gradient(135deg, var(--kuruc-dark), #2d1b00) !important;
  color: var(--kuruc-gold) !important;
  font-family: 'Cinzel', serif !important;
  border-radius: 10px 10px 0 0 !important;
}

/* Score bar */
.h5p-joubelui-score-bar .h5p-joubelui-score-bar-star {
  color: var(--kuruc-gold) !important;
}
.h5p-joubelui-score-bar-progress {
  background: var(--kuruc-red) !important;
}

/* Fill in the Blanks */
.h5p-blanks .h5p-text-input {
  border: 2px solid #d0c4a8 !important;
  border-radius: 4px !important;
  font-family: 'Lora', serif !important;
  background: #fff !important;
  padding: 4px 8px !important;
  transition: border-color 0.2s;
}
.h5p-blanks .h5p-text-input:focus {
  border-color: var(--kuruc-gold) !important;
  box-shadow: 0 0 0 3px rgba(212,168,67,0.2) !important;
  outline: none !important;
}
.h5p-blanks .h5p-correct-answer {
  border-color: #2d8a4e !important;
  background: #f0faf4 !important;
}
.h5p-blanks .h5p-wrong-answer {
  border-color: var(--kuruc-red) !important;
  background: #fef0f0 !important;
}

/* Feedback */
.h5p-joubelui-score-bar {
  background: var(--kuruc-cream) !important;
  border: 1px solid rgba(212,168,67,0.3) !important;
  border-radius: 8px !important;
}

/* Scrollbar */
.h5p-content::-webkit-scrollbar { width: 6px; }
.h5p-content::-webkit-scrollbar-track { background: var(--kuruc-cream); }
.h5p-content::-webkit-scrollbar-thumb { background: var(--kuruc-gold); border-radius: 3px; }