/**
 * Styles for clickable group tiles.
 */

/* Make group tiles clickable */
.group-tile {
  transition: all 0.2s ease;
}

/* Hover state for group tiles */
.group-tile.group-tile-hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

/* Ensure the join button maintains its own hover state */
.group-tile .membership-indicator {
  position: relative;
  z-index: 2;
}

/* Prevent text selection on tile click */
.group-tile {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Allow text selection on specific elements */
.group-tile .group-title,
.group-tile .group-members,
.group-tile .group-activity {
  -webkit-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
}

/* Visual feedback for clickable area */
.group-tile:hover {
  background-color: rgba(125, 17, 255, 0.02);
}

/* Ensure contextual links remain accessible */
.group-tile .contextual {
  position: relative;
  z-index: 3;
}