/* WalkWise H5P Branding Overrides */

/* Correct/wrong feedback */
.h5p-correct, .h5p-answer-correct,
.h5p-result-score-icon.icon-correct { color: var(--ww-green, #5DB12F) !important; }
.h5p-wrong, .h5p-answer-wrong,
.h5p-result-score-icon.icon-wrong { color: #DC2626 !important; }

/* Button branding */
.h5p-joubelui-button,
.h5p-sc-set-finished button,
.h5p-question-buttons button {
  background: linear-gradient(135deg, var(--ww-primary, #F47B20) 0%, var(--ww-accent, #FBB50E) 100%) !important;
  color: white !important; border: none !important;
  border-radius: 9999px !important; font-weight: 700 !important;
  min-height: 44px !important;
}
.h5p-joubelui-button:hover, .h5p-question-buttons button:hover {
  filter: brightness(1.1); transform: translateY(-1px);
}

/* Score bar / progress */
.h5p-joubelui-score-bar-progress, .h5p-result-score-bar {
  background: linear-gradient(90deg, var(--ww-primary, #F47B20), var(--ww-accent, #FBB50E)) !important;
}
.h5p-joubelui-score-bar {
  background: var(--ww-border, #E8E8E8) !important;
  border-radius: 99px !important; overflow: hidden;
}

/* H5P container */
.h5p-content { border-radius: var(--ww-radius-lg, 16px) !important; overflow: hidden; }
.h5p-iframe-wrapper { border-radius: var(--ww-radius-lg, 16px) !important; overflow: hidden; }

/* Typography */
.h5p-content, .h5p-question, .h5p-iframe-wrapper * {
  font-family: var(--ww-font-body, Inter, sans-serif) !important;
}

/* Reduced motion */
@media (prefers-reduced-motion: reduce) {
  .h5p-joubelui-button:hover { transform: none; }
}