/* 30.10.2026 Инга (задача 2596af56, ремонт по правилу 16).
   Тесты курсов (КСУ, 3D метод, Ци Мэнь и др., 79 страниц) несут в CSS страницы WPBakery правила под старую
   разметку Gravity Forms (.gfield_radio li label:before рисовал кружок, нативный input прятался display:none).
   С Gravity Forms 2.9 (тема Orbital, разметка .gchoice без li) псевдокружки не рисуются, а нативные
   кружки/галочки остаются спрятанными: варианты ответа видны текстом без отметки выбора.
   Здесь возвращаем нативные input c оформлением Orbital. Специфичность выше правил страницы (.gform_wrapper input[type=radio]). */
.gform_wrapper.gform-theme .gfield .gchoice {
  display: flex !important;
  align-items: flex-start;
}
.gform_wrapper.gform-theme .gfield .gchoice input[type="radio"],
.gform_wrapper.gform-theme .gfield .gchoice input[type="checkbox"] {
  display: inline-block !important;
  box-sizing: border-box !important;
  width: 20px !important;
  min-width: 20px !important;
  max-width: 20px !important;
  height: 20px !important;
  flex: 0 0 20px !important;
  padding: 0 !important;
  margin: 2px 10px 0 0 !important;
  border: 2px solid var(--gf-color-primary, #9035f1) !important;
  background-color: #fff !important;
  background-image: none !important;
  -webkit-appearance: none !important;
  appearance: none !important;
  cursor: pointer;
  position: relative;
}
.gform_wrapper.gform-theme .gfield .gchoice input[type="radio"] {
  border-radius: 50% !important;
}
.gform_wrapper.gform-theme .gfield .gchoice input[type="checkbox"] {
  border-radius: 4px !important;
}
.gform_wrapper.gform-theme .gfield .gchoice input[type="radio"]:checked,
.gform_wrapper.gform-theme .gfield .gchoice input[type="checkbox"]:checked {
  background-color: var(--gf-color-primary, #9035f1) !important;
  box-shadow: inset 0 0 0 4px #fff !important;
}
.gform_wrapper.gform-theme .gfield .gchoice input[type="checkbox"]:checked {
  box-shadow: inset 0 0 0 3px #fff !important;
}
.gform_wrapper.gform-theme .gfield .gchoice input[type="radio"]:focus-visible,
.gform_wrapper.gform-theme .gfield .gchoice input[type="checkbox"]:focus-visible {
  outline: 2px solid var(--gf-color-primary, #9035f1) !important;
  outline-offset: 2px !important;
}
.gform_wrapper.gform-theme .gfield .gchoice label.gform-field-label {
  cursor: pointer;
  display: inline !important;
  width: auto !important;
}