/* -------------------- Wishlist Link Styles -------------------- */
.wishlist-link {
  color: #dc3545; /* Bootstrap Danger Color */
  transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
  display: inline-flex; /* Better alignment than inline-block */
  align-items: center;
  gap: 8px; /* Space between icon and text */
  text-decoration: none;
  font-weight: 500;
  transform-origin: left center;
}

.wishlist-link:hover {
  color: #c82333; /* Slightly darker red on hover */
  transform: scale(1.05); /* Subtle grow effect */
}

/* -------------------- Icon Swap Logic -------------------- */
.wishlist-link .heart-icon {
  font-size: 1.1rem;
  transition: transform 0.2s ease;
}

/* Ensure hidden icons are definitely removed from layout */
.wishlist-link .heart-icon.hidden {
  display: none !important;
}

/* Optional: Pulse animation when hovering */
.wishlist-link:hover .heart-icon {
  transform: scale(1.1);
}