/* FREESKIN.PRO — CS2 quiz overrides (Quiz Maker #ays-quiz-container-2) */

body.page-id-783.custom-background {
  background-image: none !important;
  background-color: #12151c !important;
}

body.page-id-783 #content {
  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.45);
}

/* Quiz shell — flat site background */
#ays-quiz-container-2 {
  background-color: #12151c !important;
  background-image: none !important;
  border: 1px solid rgba(255, 255, 255, 0.06) !important;
  border-radius: 12px !important;
  min-height: 560px !important;
}

#ays-quiz-container-2 #ays_finish_quiz_2 div.step {
  min-height: 560px !important;
}

/* Readable explanation text */
#ays-quiz-container-2 .pquiz,
#ays-quiz-container-2 .wrong_answer_text,
#ays-quiz-container-2 .right_answer_text {
  color: #c8d0dc !important;
}

#ays-quiz-container-2 .wrong_answer_text strong,
#ays-quiz-container-2 .right_answer_text strong {
  color: #fff !important;
}

/* Question counter */
#ays-quiz-container-2 p.ays-question-counter {
  font-size: 14px !important;
  font-weight: 600 !important;
  color: #8b97a8 !important;
  letter-spacing: 0.04em;
}

/* Answer cards */
#ays-quiz-container-2 .ays-field {
  border-color: rgba(255, 255, 255, 0.1) !important;
  background: rgba(22, 28, 40, 0.85) !important;
  border-radius: 8px !important;
  transition: background 0.2s ease, border-color 0.2s ease, transform 0.15s ease;
}

#ays-quiz-container-2 .ays-field:hover {
  background: rgba(0, 117, 255, 0.22) !important;
  border-color: rgba(0, 117, 255, 0.45) !important;
}

#ays-quiz-container-2 .ays-field input ~ label {
  color: #e9eef5 !important;
}

/* Question images */
#ays-quiz-container-2 .ays-image-question-img img,
#ays-quiz-container-2 .ays_quiz_image {
  border-radius: 8px !important;
  max-height: 280px !important;
  object-fit: cover;
}

@media (max-width: 768px) {
  #ays-quiz-container-2 .ays-image-question-img img,
  #ays-quiz-container-2 .ays_quiz_image {
    max-height: 200px !important;
  }
}

#ays-quiz-container-2 .ays-quiz-questions-nav-content .ays-quiz-questions-nav-item a.ays_questions_nav_question {
  background-color: #161c28 !important;
  border-color: rgba(255, 255, 255, 0.12) !important;
}

/* Softer feedback — no shake distraction */
#ays-quiz-container-2[data-quest-effect="shake"] .ays-field.wrong_div {
  animation: none !important;
}

  color: #e9eef5 !important;
}

#ays-quiz-container-2 .ays_message,
#ays-quiz-container-2 .ays_score_message {
  color: #c8d0dc !important;
}

#ays-quiz-container-2 .ays-progress-bar.fourth {
  background: linear-gradient(90deg, #0075ff, #5eb0ff) !important;
}

/* Cross-promo under quiz */
.fs-quiz-promo {
  margin: 24px 0 8px;
  padding: 18px 20px;
  border-radius: 12px;
  background: linear-gradient(145deg, #12151c 0%, #1a2230 100%);
  border: 1px solid rgba(0, 117, 255, 0.22);
  text-align: center;
}

.fs-quiz-promo__title {
  margin: 0 0 6px;
  font-size: 1.05rem;
  font-weight: 800;
  color: #fff;
}

.fs-quiz-promo__text {
  margin: 0 0 14px;
  font-size: 14px;
  line-height: 1.45;
  color: #b8c0cc;
}

.fs-quiz-promo__btn {
  display: inline-block;
  padding: 10px 20px;
  border-radius: 8px;
  background: #0075ff;
  color: #fff !important;
  font-weight: 700;
  text-decoration: none !important;
  transition: background 0.2s ease, transform 0.15s ease;
}

.fs-quiz-promo__btn:hover {
  background: #1a88ff;
  transform: translateY(-1px);
}

/* Result screen (local scoring) */
.fs-quiz-result {
  max-width: 520px;
  margin: 0 auto;
  padding: 8px 12px 16px;
  text-align: center;
}

.fs-quiz-result__score {
  margin: 0 0 12px;
  font-size: 1.05rem;
  color: #e9eef5;
}

.fs-quiz-result__text {
  margin: 0 0 16px;
  font-size: 15px;
  line-height: 1.5;
  color: #c8d0dc;
}

.fs-quiz-result__text strong {
  color: #5eb0ff;
}

.fs-quiz-result__rank {
  display: block;
  max-width: 320px;
  width: 100%;
  height: auto;
  margin: 0 auto 8px;
  border-radius: 8px;
}

.fs-quiz-result__rank-name {
  margin: 0;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #8b97a8;
}

#ays-quiz-container-2 .ays_message img {
  max-width: 320px;
  height: auto;
  border-radius: 8px;
}