/* Keep the wishlist heart readable when the theme hover background is applied. */
html body:not(.admin) main .rr-central-product-card .rr-central-product-actions .rr-wishlist-toggle-btn:hover,
html body:not(.admin) main .rr-central-product-card .rr-central-product-actions .rr-wishlist-toggle-btn:focus-visible,
html body:not(.admin) main .rr-central-product-card .rr-central-product-actions .rr-wishlist-toggle-btn.is-wishlisted,
html body:not(.admin) main .rr-central-product-card .rr-central-product-actions .rr-wishlist-toggle-btn[aria-pressed="true"] {
    background: var(--rr-card-theme-accent, var(--rr-lc-primary, var(--products-accent, #2563eb))) !important;
    border-color: var(--rr-card-theme-accent, var(--rr-lc-primary, var(--products-accent, #2563eb))) !important;
    color: var(--rr-lc-highlight-text, var(--highlight-text-color, #fff)) !important;
    -webkit-text-fill-color: var(--rr-lc-highlight-text, var(--highlight-text-color, #fff)) !important;
    filter: none !important;
    box-shadow: none !important;
}

html body:not(.admin) main .rr-central-product-card .rr-central-product-actions .rr-wishlist-toggle-btn:hover svg,
html body:not(.admin) main .rr-central-product-card .rr-central-product-actions .rr-wishlist-toggle-btn:focus-visible svg,
html body:not(.admin) main .rr-central-product-card .rr-central-product-actions .rr-wishlist-toggle-btn.is-wishlisted svg,
html body:not(.admin) main .rr-central-product-card .rr-central-product-actions .rr-wishlist-toggle-btn[aria-pressed="true"] svg,
html body:not(.admin) main .rr-central-product-card .rr-central-product-actions .rr-wishlist-toggle-btn:hover svg path,
html body:not(.admin) main .rr-central-product-card .rr-central-product-actions .rr-wishlist-toggle-btn:focus-visible svg path,
html body:not(.admin) main .rr-central-product-card .rr-central-product-actions .rr-wishlist-toggle-btn.is-wishlisted svg path,
html body:not(.admin) main .rr-central-product-card .rr-central-product-actions .rr-wishlist-toggle-btn[aria-pressed="true"] svg path {
    color: inherit !important;
    stroke: currentColor !important;
    -webkit-text-fill-color: currentColor !important;
}

html body:not(.admin) main .rr-central-product-card .rr-central-product-actions .rr-wishlist-toggle-btn:hover:not(.is-wishlisted):not([aria-pressed="true"]) svg path,
html body:not(.admin) main .rr-central-product-card .rr-central-product-actions .rr-wishlist-toggle-btn:focus-visible:not(.is-wishlisted):not([aria-pressed="true"]) svg path {
    fill: none !important;
}

html body:not(.admin) main .rr-central-product-card .rr-central-product-actions .rr-wishlist-toggle-btn.is-wishlisted svg path,
html body:not(.admin) main .rr-central-product-card .rr-central-product-actions .rr-wishlist-toggle-btn[aria-pressed="true"] svg path {
    fill: currentColor !important;
}