/* זכויות יוצרים © MANA (mana.agency). כל הזכויות שמורות.
   השימוש בקובץ כפוף לתנאי הרישיון של MANA (LICENSE.txt).
   mana-wishlist – MANA Builder: structure only. Colours, radii, spacing and shadows come from the site tokens. */

/* ---------- Heart button ---------- */
.mb-root .mana-wishlist-btn{--mw-icon:1.4em;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-xs,.4em);margin:0;padding:.3em;border:1px solid transparent;border-radius:var(--radius-sm,999px);background:transparent;color:inherit;font:inherit;line-height:1;cursor:pointer;-webkit-appearance:none;appearance:none;touch-action:manipulation;transition:color .2s,background-color .2s,border-color .2s}
.mb-root .mana-wishlist-btn:focus{outline:0}
.mb-root .mana-wishlist-btn:focus-visible{outline:2px solid var(--color-primary,currentColor);outline-offset:2px}
.mb-root .mana-wishlist-btn__icon{display:inline-flex;align-items:center;justify-content:center;width:var(--mw-icon);height:var(--mw-icon);font-size:var(--mw-icon);line-height:1}
.mb-root .mana-wishlist-btn__icon svg{width:1em;height:1em;font-size:var(--mw-icon)}
.mb-root .mana-wishlist-heart{fill:none;stroke:currentColor;stroke-width:2;stroke-linejoin:round;transition:fill .2s}
.mb-root .mana-wishlist-btn:hover .mana-wishlist-btn__icon,.mb-root .mana-wishlist-btn.is-active .mana-wishlist-btn__icon{color:var(--color-primary,currentColor)}
.mb-root .mana-wishlist-btn.is-active .mana-wishlist-heart{fill:currentColor}
.mb-root .mana-wishlist-btn__text{white-space:nowrap}
.mb-root .mana-wishlist-btn__count{display:inline-flex;align-items:center;justify-content:center;min-width:1.6em;height:1.6em;padding:0 .45em;border-radius:999px;background:color-mix(in srgb,currentColor 12%,transparent);font-size:var(--text-small,.8em);font-weight:600;line-height:1}
.mb-root .mana-wishlist-btn--icon-end{flex-direction:row-reverse}
.mb-root .mana-wishlist-btn--custom-icon .mana-wishlist-btn__icon--on{display:none}
.mb-root .mana-wishlist-btn--custom-icon.is-active .mana-wishlist-btn__icon--on{display:inline-flex}
.mb-root .mana-wishlist-btn--custom-icon.is-active:has(.mana-wishlist-btn__icon--on) .mana-wishlist-btn__icon--off{display:none}
.mb-root .mana-wishlist-btn.is-busy{pointer-events:none}
@keyframes mana-wishlist-pulse{0%{transform:scale(1)}30%{transform:scale(1.3)}60%{transform:scale(.9)}100%{transform:scale(1)}}
.mb-root .mana-wishlist-btn.is-pop .mana-wishlist-btn__icon{animation:mana-wishlist-pulse .45s ease}
@media (prefers-reduced-motion:reduce){.mb-root .mana-wishlist-btn.is-pop .mana-wishlist-btn__icon{animation:none}}
/* floating in the card corner (parent: card__media, the loop item or a Woo card) */
.mb-root .mana-wishlist-btn--float{position:absolute;top:var(--space-xs,10px);inset-inline-start:var(--space-xs,10px);z-index:3;padding:.4em;background:var(--color-bg,#fff);box-shadow:var(--shadow-md,0 2px 8px rgba(0,0,0,.15))}
.mb-root .mana-wishlist-btn--float.mana-wishlist-btn--corner-end{inset-inline-start:auto;inset-inline-end:var(--space-xs,10px)}
.mb-root .mb-loop__item:has(>.mana-wishlist-btn--float),.mb-root .card-product:has(>.mana-wishlist-btn--float),.mb-root .product:has(>.mana-wishlist-btn--float){position:relative}
.mb-root .mana-wishlist-btn--auto.mana-wishlist-btn--single{margin-inline-start:var(--space-xs,8px);vertical-align:middle}

/* ---------- Header counter ---------- */
.mb-root .mana-wishlist-count{--mw-icon:1.5em;position:relative;display:inline-flex;align-items:center;gap:var(--space-xs,6px);color:inherit;text-decoration:none;line-height:1}
.mb-root .mana-wishlist-count:focus-visible{outline:2px solid var(--color-primary,currentColor);outline-offset:2px;border-radius:var(--radius-sm,4px)}
.mb-root .mana-wishlist-count__icon{display:inline-flex;width:var(--mw-icon);height:var(--mw-icon);font-size:var(--mw-icon);line-height:1}
.mb-root .mana-wishlist-count__icon svg{width:1em;height:1em}
.mb-root .mana-wishlist-count__badge{position:absolute;top:-.45em;inset-inline-start:calc(var(--mw-icon) - .7em);display:inline-flex;align-items:center;justify-content:center;min-width:1.25rem;height:1.25rem;padding-inline:.3em;border-radius:999px;background:var(--color-primary,#222);color:#fff;font-size:.75rem;font-weight:700;line-height:1}
.mb-root .mana-wishlist-count--badge-inline .mana-wishlist-count__badge{position:static}
.mb-root .mana-wishlist-count--hide-empty.is-empty .mana-wishlist-count__badge{display:none}
.mb-root .mana-wishlist-count:not(.is-empty) .mana-wishlist-heart{fill:currentColor}

/* ---------- Grid (the mb-loop classes draw the columns; loop.css is loaded with the component) ---------- */
.mb-root .mana-wishlist__head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-sm,12px);margin-block-end:var(--space-md,20px)}
.mb-root .mana-wishlist__head:empty,.mb-root .mana-wishlist.is-empty .mana-wishlist__head,.mb-root .mana-wishlist.is-empty .mana-wishlist__nav{display:none}
.mb-root .mana-wishlist__total{margin:0}
.mb-root .mana-wishlist__item{position:relative}
.mb-root .mana-wishlist__item.is-removing{opacity:0;transform:scale(.96);transition:opacity .25s,transform .25s}
.mb-root .mana-wishlist.is-loading .mb-loop__items{opacity:.55;pointer-events:none}
.mb-root .mana-wishlist__remove{position:absolute;top:var(--space-xs,8px);inset-inline-end:var(--space-xs,8px);z-index:4;display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;margin:0;padding:0;border:1px solid var(--color-border,transparent);border-radius:999px;background:var(--color-bg,#fff);color:var(--color-text,inherit);box-shadow:var(--shadow-md,0 2px 8px rgba(0,0,0,.15));cursor:pointer;-webkit-appearance:none;appearance:none;transition:color .2s,opacity .2s}
.mb-root .mana-wishlist__remove svg{width:1rem;height:1rem;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}
.mb-root .mana-wishlist__remove:hover{color:var(--color-primary,currentColor)}
.mb-root .mana-wishlist__remove:focus-visible{outline:2px solid var(--color-primary,currentColor);outline-offset:2px}
.mb-root .mana-wishlist--remove-start .mana-wishlist__remove{inset-inline-end:auto;inset-inline-start:var(--space-xs,8px)}
.mb-root .mana-wishlist__empty{display:flex;flex-direction:column;align-items:center;gap:var(--space-md,16px);padding-block:var(--space-xl,48px);text-align:center}
.mb-root .mana-wishlist__empty[hidden]{display:none}
.mb-root .mana-wishlist__empty-text{margin:0}
.mb-root .mana-wishlist__nav:empty{display:none}
.mb-root .mana-wishlist__nav:not(:empty){margin-block-start:var(--space-lg,28px)}

/* ---------- Toast (appended to body) ---------- */
.mb-root .mana-wishlist-toast{position:fixed;left:0;right:0;bottom:var(--space-lg,24px);z-index:99999;display:flex;align-items:center;gap:var(--space-sm,12px);width:max-content;max-width:min(92vw,420px);margin-inline:auto;padding:var(--space-sm,12px) var(--space-md,18px);border-radius:var(--radius-md,12px);background:var(--color-heading,#111);color:var(--color-bg,#fff);font-size:var(--text-small,15px);line-height:1.4;box-shadow:var(--shadow-lg,0 8px 30px rgba(0,0,0,.25));transform:translateY(16px);opacity:0;pointer-events:none;transition:opacity .25s,transform .25s}
.mb-root .mana-wishlist-toast.is-visible{opacity:1;pointer-events:auto;transform:translateY(0)}
.mb-root .mana-wishlist-toast a{color:inherit;font-weight:700;text-decoration:underline;white-space:nowrap}
.mb-root .mana-wishlist-toast .mana-wishlist-heart{width:1.25em;height:1.25em;flex:none;fill:var(--color-primary,currentColor);stroke:var(--color-primary,currentColor);stroke-width:2}
.mb-root .mana-wishlist-toast.is-removed .mana-wishlist-heart{fill:none;stroke:currentColor}
@media (prefers-reduced-motion:reduce){.mb-root .mana-wishlist-toast{transition:none}}