:root{--community-heart:#DC2626;--community-heart-soft:#FEF2F2;--community-heart-border:#FECACA}

/* Keep favourite hearts consistent across public directories and details. */
.business-details-page .bdp-heart,
body .job-like svg,
body .event-likes svg,
body .story-like svg,
body .mt-save svg,
.matrimony-details #fav svg{color:var(--community-heart)}

.business-details-page .bdp-heart:hover,
.business-details-page .bdp-heart[aria-pressed=true],
body .job-like:hover:not(:disabled),
body .job-like[aria-pressed=true],
body .event-likes:hover:not(:disabled),
body .event-likes[aria-pressed=true],
body .story-like:hover:not(:disabled),
body .story-like[aria-pressed=true],
body .article-reader .story-like[aria-pressed=true],
body .mt-save:hover,
body .mt-save[aria-pressed=true],
.matrimony-details #fav:hover,
.matrimony-details #fav.on{background:var(--community-heart-soft);border-color:var(--community-heart-border)}

.business-details-page .bdp-heart[aria-pressed=true],
body .job-like[aria-pressed=true],
body .event-likes[aria-pressed=true],
body .story-like[aria-pressed=true],
body .article-reader .story-like[aria-pressed=true],
body .mt-save[aria-pressed=true],
.matrimony-details #fav.on{color:var(--community-heart)}

.matrimony-details #fav.on svg{fill:var(--community-heart)}