/* Tooltip floating in , never clipped */ .sleeve-tooltip{ position: fixed; display: none; padding: 6px 10px; font-size: 12px; line-height: 1.2; border-radius: 6px; box-shadow: 0 6px 16px rgba(0,0,0,.18); background: #111; color: #fff; z-index: 2147483647; /* very high */ pointer-events: none; white-space: nowrap; } /* Tooltip tail (puntina) */ .sleeve-tooltip::after{ content:""; position:absolute; width:0; height:0; border-left:6px solid transparent; border-right:6px solid transparent; border-top:6px solid #111; /* triangle pointing down */ bottom:-6px; left: calc(50% - var(--tail-offset, 0px)); } /* If tooltip is below the icon, flip the tail upward */ .sleeve-tooltip.pos-below::after{ border-top:none; border-bottom:6px solid #111; /* triangle pointing up */ top:-6px; bottom:auto; } /* Heart base */ .sleeve-wishlist-icon-wrap{ display:inline-flex; align-items:center; justify-content:center; cursor:pointer; position: relative; /* keep compatibility for other layouts */ } .sleeve-wishlist-icon-wrap.is-busy{ opacity:.6; filter: grayscale(0.3); } .sleeve-wishlist-icon{ width:24px; height:24px; transition: transform .15s ease; image-rendering:auto; } .sleeve-wishlist-icon-wrap:hover .sleeve-wishlist-icon{ transform: scale(1.04); } /* Remove old pseudo-element tooltip if present */ .sleeve-wishlist-icon-wrap::after { content: none !important; } /* Wishlist list */ .sleeve-wishlist-list{ list-style:none; padding:0; margin:0; } .sleeve-wishlist-item{ display:grid; grid-template-columns: 120px 1fr auto auto; align-items:center; gap:16px; border-bottom:1px solid #eee; padding:12px 0; } .sleeve-wishlist-thumb img{ width:120px; height:auto; border-radius:10px; display:block; } .sleeve-wishlist-title{ font-weight:600; text-decoration:none; } .sleeve-wishlist-price{ font-weight:600; } .sleeve-empty-msg{ margin-top:12px; color:#666; }