/******************
    User custom CSS
    ---------------

    In this file you can add your own custom CSS
    It will be loaded last, so you can override any other property.
    Also, it will never be updated. So if you inheritate a core template and just add here some CSS, you'll still benefit of all the updates
*/


/* =========================================================
   LimeSurvey native form controls patch
   - Use native checkboxes and radios in answer lists
   - Disable Fruity overlay pseudo-elements (prevents N/A and double radios)
   - Preserve Bootstrap .btn-check toggle buttons
   ========================================================= */

/* Disable Fruity’s fake controls in survey answer lists only */
.ls-answers label.checkbox-label::before,
.ls-answers label.checkbox-label::after,
.ls-answers label.radio-label::before,
.ls-answers label.radio-label::after,
.ls-answers label.control-label::before,
.ls-answers label.control-label::after {
  content: none !important;
  display: none !important;
}

/* Show native inputs in survey answer lists only */
.ls-answers input[type="checkbox"]:not(.btn-check),
.ls-answers input[type="radio"]:not(.btn-check) {
  -webkit-appearance: auto !important;
  appearance: auto !important;
  display: inline-block !important;
  opacity: 1 !important;
  visibility: visible !important;
  position: static !important;
  width: auto !important;
  height: auto !important;
  margin-right: 0.5rem !important;
}

/* Keep Bootstrap toggle inputs hidden (btn-check) */
input.btn-check {
  position: absolute !important;
  clip: rect(0, 0, 0, 0) !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
  white-space: nowrap !important;
  border: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* Optional: set native checkbox accent color */
.ls-answers input[type="checkbox"]:not(.btn-check) {
  accent-color: #2e7d32;
}

/* =========================================================
   Fix "N/A" showing inside the Privacy Policy checkbox
   ========================================================= */

/* Force the privacy checkbox to be a normal native checkbox */
#datasecurity_accepted {
  -webkit-appearance: auto !important;
  appearance: auto !important;
  opacity: 1 !important;
  position: static !important;
  width: auto !important;
  height: auto !important;
  background-image: none !important;
}

/* Kill any pseudo-element overlay that could be painting text */
#datasecurity_accepted::before,
#datasecurity_accepted::after {
  content: none !important;
  display: none !important;
}

/* (Keep) kill pseudo-elements on the privacy label */
.datasecurity-checkbox-label::before,
.datasecurity-checkbox-label::after {
  content: none !important;
  display: none !important;
}