/* Gaya dasar kotak opsi jawaban */
.custom-quiz-option {
	background-color: #ffffff;
	border-color: #e3e6f0 !important;
	cursor: pointer;
	transition: all 0.2s ease-in-out;
}

/* Efek sewaktu kursor mouse digeser di atasnya (Hover) */
.custom-quiz-option:hover {
	background-color: #f8f9fc;
	border-color: #0d6efd !important;
}

/* Trik CSS Modern: Jika radio di dalamnya AKTIF (Checked), ubah background kotaknya */
.custom-quiz-option:has(input:checked) {
	background-color: #e0e7ff !important; /* Biru pastel soft */
	border-color: #4f46e5 !important; /* Garis border indigo */
}

/* Memperbesar ukuran lingkaran radio button agar proporsional */
.custom-quiz-option .form-check-input {
	width: 1.15em;
	height: 1.15em;
	cursor: pointer;
}

/* Mengubah warna teks huruf (A., B., C., D.) saat opsi terpilih */
.custom-quiz-option:has(input:checked) .fw-bold {
	color: #4f46e5 !important;
}