/* Custom Radio Img - Selected state: border 1px solid #F25A21 */
.mf-custom-radio-img-option:has(input[type=radio]:checked) {
	border: 1px solid #F25A21 !important;
}

/* Checkmark badge: orange circle with white check in top-left */
.mf-custom-radio-img-option:has(input[type=radio]:checked) .mf-custom-radio-img-check {
	display: flex !important;
	position: absolute !important;
	top: 8px !important;
	left: 8px !important;
	width: 24px !important;
	height: 24px !important;
	border-radius: 50% !important;
	background-color: #F25A21 !important;
	align-items: center !important;
	justify-content: center !important;
	z-index: 3 !important;
}

/* Hide checkmark by default */
.mf-custom-radio-img-check {
	display: none !important;
}

/* Label fills option - entire area is clickable (input inside label) */
.mf-custom-radio-img-option label {
	display: flex;
	flex-direction: column;
	width: 100%;
	height: 100%;
	min-height: 0;
	cursor: pointer;
}

/* Image wrap needs position relative for checkmark placement */
.mf-custom-radio-img-option .mf-custom-radio-img-image-wrap {
	position: relative;
}

/* Input visually hidden - label is the click target, no overlay stacking */
.mf-custom-radio-img-option input[type=radio] {
	position: absolute !important;
	width: 1px !important;
	height: 1px !important;
	padding: 0 !important;
	margin: -1px !important;
	overflow: hidden !important;
	clip: rect(0, 0, 0, 0) !important;
	clip-path: inset(50%) !important;
	border: 0 !important;
	opacity: 0 !important;
}