/* Keep native Bootstrap checkmarks visible after the site theme input resets. */
.form-check-input[type="checkbox"] {
  cursor: pointer;
}

.form-check-input[type="checkbox"]:checked {
  background-color: var(--primary) !important;
  border-color: var(--primary) !important;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e") !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-size: contain !important;
}

html[data-theme="dark"] .form-check-input[type="checkbox"] {
  background-color: #1b1f26 !important;
  border: 1px solid rgba(212, 175, 55, 0.4) !important;
}

html[data-theme="dark"] .form-check-input[type="checkbox"]:checked {
  background-color: var(--primary) !important;
  border-color: var(--primary) !important;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e") !important;
}

.form-check-input[type="checkbox"]:focus-visible {
  outline: 2px solid var(--primary);
  outline-offset: 3px;
  box-shadow: none;
}

html[data-theme="dark"] .product-list-head span {
  color: #000000 !important;
}