/* Site-specific overrides that don't exist in the theme's pre-built index.css
   (which was compiled by the theme's own build, not this app's Tailwind setup).
   Add hand-written rules here instead of relying on arbitrary Tailwind classes
   that were never scanned/generated. */

.performer-card-link {
  position: relative;
  overflow: hidden;
}

.performer-card-link .performer-hover-arrow {
  opacity: 0;
  transform: translate(-4px, 4px);
  transition: opacity 0.3s ease, transform 0.3s ease;
}

.performer-card-link:hover .performer-hover-arrow {
  opacity: 1;
  transform: translate(0, 0);
}

.performer-card-link .performer-hover-name {
  transition: color 0.3s ease;
}

.performer-card-link.is-positive:hover {
  border-color: rgba(16, 185, 129, 0.6);
  box-shadow: 0 20px 60px -15px rgba(16, 185, 129, 0.35);
}

.performer-card-link.is-positive:hover .performer-hover-arrow,
.performer-card-link.is-positive:hover .performer-hover-name {
  color: #10b981;
}

.performer-card-link.is-negative:hover {
  border-color: rgba(239, 68, 68, 0.6);
  box-shadow: 0 20px 60px -15px rgba(239, 68, 68, 0.35);
}

.performer-card-link.is-negative:hover .performer-hover-arrow,
.performer-card-link.is-negative:hover .performer-hover-name {
  color: #ef4444;
}