/* GitHub Feature Selection Card Styles */

.feature-card {
  position: relative;
  transition: all 0.2s ease-in-out;
}

.feature-card.unselected {
  opacity: 0.7;
}

.feature-card.selected {
  border-color: rgb(99 102 241) !important; /* indigo-500 */
  background-color: rgba(99, 102, 241, 0.1);
  opacity: 1;
  box-shadow: 0 0 0 1px rgb(99 102 241 / 0.3);
}

.feature-card:hover {
  transform: translateY(-2px);
}

.feature-card.unselected:hover {
  opacity: 0.9;
}

/* Circle Selection Indicator */
.selection-circle {
  color: rgb(107 114 128); /* gray-500 for unselected */
}

.feature-card.unselected .selection-circle .circle-fill {
  display: none;
}

.feature-card.selected .selection-circle {
  color: rgb(99 102 241); /* indigo-500 for selected */
}

.feature-card.selected .selection-circle .circle-fill {
  display: block !important;
}