/*
  WP Pro Quiz – Mobile action bar fixes

  Goal:
  - Keep only 2 buttons visible: Skip (left) and Check (right)
  - Make them smaller and stable on mobile/embedded browsers
*/

.wpProQuiz_content .wpProQuiz_button2{
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  gap: 10px !important;
  flex-wrap: nowrap !important;
}

/* Hide Back/Next action buttons (we keep only Skip + Check) */
.wpProQuiz_content .wpProQuiz_button2 input.wpProQuiz_button[name="back"],
.wpProQuiz_content .wpProQuiz_button2 input.wpProQuiz_button[name="next"]{
  display: none !important;
}

/* Size + alignment for the two remaining buttons */
.wpProQuiz_content .wpProQuiz_button2 input.wpProQuiz_button[name="skip"],
.wpProQuiz_content .wpProQuiz_button2 input.wpProQuiz_button[name="check"]{
  float: none !important;
  margin: 0 !important;
  padding: 7px 12px !important;
  font-size: 14px !important;
  line-height: 1.2 !important;
  min-width: 92px;
  height: auto !important;
}

@media (max-width: 768px){
  .wpProQuiz_content .wpProQuiz_button2{
    gap: 8px !important;
  }
  .wpProQuiz_content .wpProQuiz_button2 input.wpProQuiz_button[name="skip"],
  .wpProQuiz_content .wpProQuiz_button2 input.wpProQuiz_button[name="check"]{
    padding: 6px 10px !important;
    font-size: 13px !important;
    min-width: 84px;
  }
}