/**
 * JFB custom checkboxes inside Elementor popups.
 * LiteSpeed UCSS omits :checked rules (popup closed during crawl) — include checked visuals here
 * and keep a .md-jfb-cb-checked class fallback synced by md-jfb-popup-checkboxes.js.
 */
.elementor-popup-modal .field-type-checkbox-field .jet-form-builder__field-label.for-checkbox {
	position: relative;
	isolation: isolate;
	display: flex;
	align-items: flex-start;
	gap: 0.5em;
	cursor: pointer;
}

.elementor-popup-modal .field-type-checkbox-field .jet-form-builder__field.checkboxes-field {
	position: absolute;
	inset: 0;
	z-index: 2;
	width: 100%;
	height: 100%;
	margin: 0;
	opacity: 0;
	cursor: pointer;
}

.elementor-popup-modal .field-type-checkbox-field .jet-form-builder__field-label.for-checkbox > span {
	position: relative;
	z-index: 1;
	flex: 1 1 auto;
}

.elementor-popup-modal .field-type-checkbox-field .jet-form-builder__field-label.for-checkbox > span a {
	pointer-events: auto;
	position: relative;
	z-index: 3;
}

.elementor-popup-modal .field-type-checkbox-field .jet-form-builder__field-label.for-checkbox :checked + span::before,
.elementor-popup-modal .field-type-checkbox-field .jet-form-builder__field-label.for-checkbox > span.md-jfb-cb-checked::before {
	border-color: #0b76ef;
	background-color: #0b76ef;
	background-image: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 8 8%27%3e%3cpath fill=%27%23fff%27 d=%27M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z%27/%3e%3c/svg%3e");
}

.elementor-popup-modal .field-type-checkbox-field .jet-form-builder__field-label.for-checkbox :focus:not(:checked) + span::before {
	border-color: #80bdff;
}

.elementor-popup-modal .field-type-checkbox-field .jet-form-builder__field-label.for-checkbox :not(:disabled):active + span::before,
.elementor-popup-modal .field-type-checkbox-field .jet-form-builder__field-label.for-checkbox > span.md-jfb-cb-active::before {
	background-color: #b3d7ff;
	border-color: #b3d7ff;
}

.elementor-popup-modal .field-type-checkbox-field .jet-form-builder__field-label.for-checkbox :not(:disabled):not(:checked):hover + span::before {
	border-color: #b3d7ff;
}

.elementor-popup-modal .field-type-checkbox-field.md-qm-field-error .jet-form-builder__field-label.for-checkbox > span::before {
	border-color: #dc2626;
	box-shadow: 0 0 0 1px #dc2626;
}