/**
 * Button fixes for the Social Toolkit
 */

/* Ensure button text remains white on hover for primary buttons */
.btn-primary:hover {
  color: white !important;
  text-decoration: none !important;
}

/* Tweet action button color overrides */
.tweet-this-button {
  background-color: #000000 !important; /* Black for "Post to" buttons */
}

.tweet-this-button:hover {
  background-color: #333333 !important; /* Slightly lighter black for hover state */
  color: white !important;
}

.copy-tweet-button {
  background-color: #0C1189 !important; /* Dark blue for "Copy to clipboard" buttons */
}

.copy-tweet-button:hover {
  background-color: #1A237E !important; /* Slightly lighter blue for hover state */
  color: white !important;
}

.download-image-button {
  background-color: #5B3AEE !important; /* Indigo for "download" buttons */
}

.download-image-button:hover {
  background-color: #7A70EE !important; /* Slightly lighter indigo for hover state */
  color: white !important;
}

/* Completely remove all hover effects from resource cards */
#resources .card {
  transition: none !important;
}

#resources .card:hover {
  transform: none !important;
}

#resources .card .card-body:hover {
  /* background-color: inherit !important; */
}

#resources .card .card-title:hover {
  color: inherit !important;
  text-decoration: none !important;
}

#resources .card .card-content:hover {
  transform: none !important;
}

/* Prevent buttons from being underlined on hover */
.btn:hover {
  text-decoration: none !important;
}