/* Дополнительные стили для квиза и связанных элементов */

/* Чекбокс согласия в финальном шаге квиза */
/* Стили для чекбокса согласия в финальном шаге квиза. 
   Аналогично форме обратного звонка выравниваем элементы и увеличиваем шрифт. */
/* Стили для чекбокса согласия на финальном шаге квиза. */
/*
 * Стили для чекбокса согласия в финальном шаге квиза. Применяем
 * flex‑разметку и запрещаем перенос строки с помощью flex-wrap:nowrap.
 * Используем !important, чтобы переопределить возможные общие правила.
 */
.quiz-agree {
  width: 100% !important;
  display: flex !important;
  align-items: center !important;
  gap: 0.25rem !important;
  font-size: 0.8rem !important;
  margin: 0.5rem 0 1rem !important;
  line-height: 1.3 !important;
  color: var(--text-color) !important;
  flex-wrap: nowrap !important;
}
/* Чекбокс: не сжимается и отступает */
.quiz-agree input {
  flex-shrink: 0 !important;
  margin-top: 0.15rem !important;
  margin-right: 0.25rem !important;
}
/* Ссылки внутри текста согласия */
.quiz-agree a {
  color: var(--accent-color) !important;
  text-decoration: underline !important;
}

/* Сообщение об успешной отправке квиза */
.quiz-success {
  text-align: center;
  margin-top: 1rem;
}

/* Сброс ширины и внутренних отступов для чекбокса в квизе */
/* Сброс размеров и отступов у флажка */
.quiz-agree input[type="checkbox"] {
  width: auto !important;
  padding: 0 !important;
  margin-top: 0.15rem !important;
  margin-right: 0.25rem !important;
  box-sizing: content-box !important;
}
/* Текст: заполняет оставшееся пространство. min-width:0 позволяет
 * корректно переносить длинные слова в мобильной версии без выхода
 * за пределы контейнера. */
.quiz-agree span {
  flex: 1 1 auto !important;
  min-width: 0 !important;
}

/* === Custom fixes (client request, November 2025) === */

/*
 * Align options in list‑view layout to the left and top.  On desktop screens the
 * checkboxes and labels should align flush with the left edge and stack
 * vertically within each card.  Without these overrides the cards are
 * centred and misaligned when showing multiple lines.
 */
.quiz-options.list-view .quiz-option {
  text-align: left !important;
  align-items: flex-start !important;
}
.quiz-options.list-view .quiz-option span {
  text-align: left !important;
}

/*
 * Remove fixed height and scrollbars for quiz options on larger screens.  On
 * desktop the list of options should be fully visible without a scroll bar
 * inside the modal.  We apply !important to override base styles defined in
 * index6.css.
 */
@media (min-width: 992px) {
  .quiz-step .quiz-options {
    max-height: none !important;
    overflow-y: visible !important;
  }
}