/* Shared link styles for consistent hover effects */
.text-link {
  color: inherit;
  text-decoration: none;
  transition: color 0.2s ease;
}

.text-link:hover {
  color: #0b5cff !important;
  text-decoration: none;
}

/* Dark mode support */
@media (prefers-color-scheme: dark) {
  .text-link:hover {
    color: #6aa2ff !important;
  }
}

.controls {
  padding-top: 1rem;
}

/* Card hover effects for image links */
.image-card {
  display: inline-block;
  border: 1px solid #f0f0f0;
  border-radius: .25rem;
  transition: transform .08s ease, box-shadow .08s ease, border-color .08s ease;
  outline: none;
}

.image-card:focus-visible {
  border: 1px solid #f0f0f0;
  border-radius: .25rem;
  box-shadow: 0 0 0 3px rgba(11, 92, 255, 0.35);
}

.image-card:hover {
  transform: translateY(-1px);
  border-color: rgba(11, 92, 255, 0.4);
}

/* Fix img-thumbnail border for light backgrounds */
.img-thumbnail {
  border-color: transparent !important;
}