/**
 * Favourite Save toggle (song / artist heroes).
 */

.kp-fav-toggle {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  margin: 0;
  padding: 0.55rem 0.95rem;
  border: 1px solid var(--bb-border, #d4e5f7);
  border-radius: 999px;
  background: transparent !important;
  color: var(--bb-text, #0f172a) !important;
  font-family: var(--bb-font, "Manrope", system-ui, -apple-system, "Segoe UI", sans-serif);
  font-size: 0.88rem;
  font-weight: 700;
  cursor: pointer;
  text-decoration: none !important;
}

.kp-fav-toggle:hover,
.kp-fav-toggle:focus-visible {
  color: var(--bb-accent, #e30613) !important;
  border-color: var(--bb-accent, #e30613);
  background: transparent !important;
}

.kp-fav-toggle.is-saved {
  color: var(--bb-accent, #e30613) !important;
  border-color: var(--bb-accent, #e30613);
  background: var(--bb-accent-soft, #fde8ea) !important;
}

html[data-theme="dark"] .kp-fav-toggle {
  border-color: var(--bb-border, #2a364a);
  color: var(--bb-text, #f8fafc) !important;
}

html[data-theme="dark"] .kp-fav-toggle.is-saved {
  background: var(--bb-accent-soft, rgba(255, 77, 77, 0.12)) !important;
  color: var(--bb-accent, #ff4d4d) !important;
}

.kp-fav-toggle__icon {
  display: inline-flex;
  line-height: 0;
}

.kp-fav-toggle.is-saved .kp-fav-toggle__icon svg {
  fill: currentColor;
}