/**
 * Theme css/new/style.css hides ALL radios/checkboxes (opacity:0) for a custom
 * input~label widget, and forces select{width:100%;height:60px}.
 * This file MUST load AFTER style.css. Quiz pages use .quiz-ui / .test-container /
 * .content-container; theme widgets keep custom look only under known wrappers.
 */
input[type=checkbox],
input[type=radio] {
	opacity: 1 !important;
	position: static !important;
	width: auto !important;
	height: auto !important;
	appearance: auto !important;
	-webkit-appearance: auto !important;
	pointer-events: auto !important;
}

/* Re-hide only inside theme custom-check wrappers */
.rbt-form-check > input[type=checkbox],
.rbt-form-check > input[type=radio],
.rbt-checkbox-wrapper > input[type=checkbox],
.rbt-checkbox-wrapper > input[type=radio],
.rbt-single-widget > input[type=checkbox],
.rbt-single-widget > input[type=radio] {
	opacity: 0 !important;
	position: absolute !important;
}

/* Compact selects inside quiz/test containers */
.quiz-ui select.cloze-select,
.quiz-ui select.matching-select,
.quiz-ui select.ordering-select,
.test-container select.cloze-select,
.test-container select.matching-select,
.test-container select.ordering-select,
.content-container select.cloze-select,
.content-container select.matching-select,
.content-container select.ordering-select {
	width: auto !important;
	max-width: 160px !important;
	min-width: 88px !important;
	height: 36px !important;
	line-height: 1.2 !important;
	padding: 4px 28px 4px 8px !important;
	margin: 0 !important;
	background-image: none !important;
	appearance: auto !important;
	-webkit-appearance: menulist !important;
	-moz-appearance: menulist !important;
	flex: 0 0 auto !important;
}

.quiz-ui .cloze-blank-row,
.quiz-ui .matching-row,
.quiz-ui .ordering-row,
.test-container .cloze-blank-row,
.test-container .matching-row,
.test-container .ordering-row {
	display: flex !important;
	flex-wrap: nowrap !important;
	align-items: center !important;
	gap: 10px;
}

.quiz-ui .answer-option input[type=radio],
.quiz-ui .answer-option input[type=checkbox],
.test-container .answer-option input[type=radio],
.test-container .answer-option input[type=checkbox] {
	width: 18px !important;
	height: 18px !important;
	max-width: 18px !important;
	min-width: 18px !important;
	margin: 2px 8px 0 0 !important;
	padding: 0 !important;
	flex-shrink: 0 !important;
}