/* Custom styles for task list checkboxes */

/* Hide the actual checkbox input completely */
.task-list-item input[type="checkbox"] {
  display: none !important;
}

/* Style the task list items */
.task-list-item {
  list-style: none !important;
  position: relative;
  padding-left: 0 !important;
  margin-left: 0 !important;
}

/* Remove any default bullet or checkbox styling */
.task-list-item::marker {
  display: none;
}

/* Add checkmark for completed items only */
.task-list-item:has(input[type="checkbox"]:checked)::before {
  content: "☑ ";
  color: green;
  font-weight: bold;
  font-size: 1.1em;
}

/* Add empty checkbox for uncompleted items */
.task-list-item:has(input[type="checkbox"]:not(:checked))::before {
  content: "☐ ";
  color: #666;
  font-weight: normal;
  font-size: 1.1em;
}