/* Direct styling for produce cards with the strongest possible selectors */
body .produce-item-card,
div.produce-item-card,
[class*="produce-item-card"],
.produce-grid-item > div {
  border-radius: 12px !important;
  background-color: rgba(255, 255, 255, 0.08) !important;
  border: none !important;
  box-shadow: none !important;
  outline: none !important;
  cursor: pointer !important;
  height: 22px !important;
  transition: transform 0.15s ease-in-out, background-color 0.15s ease-in-out !important;
}

/* For selected cards, use the most specific selector possible */
body .produce-item-card.selected,
body .produce-item-card[class*="selected"],
.produce-grid-item > div.selected,
div.produce-item-card.selected {
  background-color: #28a745 !important;
  color: white !important;
  border: none !important;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2) !important;
}

/* Make sure all checkboxes are hidden */
.produce-checkbox,
input[type="checkbox"].produce-checkbox,
.produce-item-card input[type="checkbox"] {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  position: absolute !important;
  pointer-events: none !important;
}

/* Apply styles to labels inside cards */
.produce-item-card label,
div.produce-item-card label {
  margin: 0 !important;
  padding: 0 !important;
  width: 100% !important;
  text-align: center !important;
  cursor: pointer !important;
  font-size: 0.6rem !important;
}

/* Hidden icons */
.produce-icon {
  display: none !important;
}