/* Switch background when checked */
.custom-control-input:checked ~ .custom-control-label::before {
  background-color: #F6C85F;
  border-color: #F6C85F;
}

/* Glow (focus ring) */
.custom-control-input:focus ~ .custom-control-label::before {
  box-shadow: 0 0 0 0.2rem rgba(246, 200, 95, 0.5);
}

/* Optional: change the knob colour (keeps it white by default) */
.custom-control-label::after {
  background-color: white;
}