/* RT verlanglijst (13-11-2026): hartje in de titelbalk; knoppen Verlanglijst en Product vergelijken weg */

/* Product vergelijken overal weg (productpagina, productkaarten, kop/menu) */
.btn-compare, .compare-btn, .compare-badge, a[href*="product/compare"], .product-compare { display:none !important; }
/* Oude verlanglijst-knop op de productpagina weg (het hartje neemt het over); op productkaarten blijft hij */
.route-product-product .product-info .wishlist-compare, .route-product-product #product .wishlist-compare { display:none !important; }

/* Hartje rechts in de grijze titelbalk */
h1.page-title.rt-hart-titel { position:relative; padding-right:52px !important; }
.rt-hart { position:absolute; right:8px; top:50%; transform:translateY(-50%); width:36px; height:36px; display:flex; align-items:center; justify-content:center; margin:0; padding:0; background:transparent; border:0; border-radius:0; cursor:pointer; color:#fff; line-height:1; }
.rt-hart svg { width:22px; height:22px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linejoin:round; transition:fill .15s, stroke .15s, transform .15s; }
.rt-hart:hover svg { transform:scale(1.1); }
.rt-hart:focus-visible { outline:2px solid #fff; outline-offset:-2px; }
.rt-hart.rt-hart-aan svg { fill:#e0262f; stroke:#e0262f; }
.rt-hart[disabled] { cursor:default; }
.rt-hart.rt-hart-pop svg { animation:rt-hart-pop .35s ease-out; }
@keyframes rt-hart-pop { 0% { transform:scale(1); } 45% { transform:scale(1.35); } 100% { transform:scale(1); } }
@media (prefers-reduced-motion: reduce) { .rt-hart svg { transition:none; } .rt-hart.rt-hart-pop svg { animation:none; } }

/* Korte melding links van het hartje */
.rt-hart .rt-hart-melding { position:absolute; right:100%; top:50%; transform:translateY(-50%); margin-right:6px; padding:4px 9px; background:#fff; color:#333745; font:600 12px/1.3 Helvetica, Arial, sans-serif; text-transform:none; letter-spacing:0; white-space:nowrap; opacity:0; pointer-events:none; transition:opacity .2s; }
.rt-hart.rt-hart-toon .rt-hart-melding { opacity:1; }
.links-menu-item:has(> a[href*="product/compare"]) { display:none !important; }