/* Favorite state v54 — persistent, independent state for every asset card. */
#asset-grid .skill-card > .favorite-btn.active,
#asset-grid .skill-card > .favorite-btn[aria-pressed="true"],
#asset-grid .skill-card:hover > .favorite-btn.active,
#asset-grid .skill-card:focus-within > .favorite-btn.active,
#asset-grid .skill-card:focus-within:not(:hover) > .favorite-btn.active {
  border-color: var(--brand);
  background: var(--brand);
  color: #f0f0f2;
  opacity: 1;
  transform: none;
}

#asset-grid .skill-card > .favorite-btn.active:hover,
#asset-grid .skill-card > .favorite-btn.active:focus-visible,
#asset-grid .skill-card > .favorite-btn[aria-pressed="true"]:hover,
#asset-grid .skill-card > .favorite-btn[aria-pressed="true"]:focus-visible {
  border-color: var(--brand);
  background: var(--brand);
  color: #ffffff;
  transform: none;
}

#asset-grid .skill-card > .favorite-btn.active .ui-icon,
#asset-grid .skill-card > .favorite-btn[aria-pressed="true"] .ui-icon {
  color: #ffffff;
}