/* BrindeMais — wishlist ("Favoritos") heart + header badge.
   Plain CSS (the theme's tailwind.css has no build step) and hardcoded brand
   hexes (the --bm-* custom props are scoped to the account stylesheet only). */

/* ── Heart toggle on product cards ──────────────────────────────────────────── */
.bm-wishlist-heart {
  position: absolute;
  top: 0.75rem;
  right: 0.75rem;
  z-index: 10;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2.25rem;
  height: 2.25rem;
  padding: 0;
  border: 0;
  border-radius: 9999px;
  background: rgba(255, 255, 255, 0.92);
  box-shadow: 0 2px 8px rgba(21, 17, 66, 0.12);
  color: #151142; /* ink */
  cursor: pointer;
  transition: transform 0.15s ease, color 0.15s ease, background 0.15s ease;
}

.bm-wishlist-heart:hover {
  transform: scale(1.08);
  color: #e8512e; /* flame */
}

.bm-wishlist-heart svg {
  width: 1.15rem;
  height: 1.15rem;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
}

/* Active = filled flame heart. */
.bm-wishlist-heart.is-active {
  color: #e8512e;
}
.bm-wishlist-heart.is-active svg {
  fill: #e8512e;
  stroke: #e8512e;
}

/* ── Labeled button (single product page) ───────────────────────────────────── */
.bm-wishlist-btn {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0;
  border: 0;
  background: none;
  color: #151142; /* ink */
  font: inherit;
  font-size: 0.875rem;
  font-weight: 600;
  cursor: pointer;
  transition: color 0.15s ease;
}

.bm-wishlist-btn:hover {
  color: #e8512e; /* flame */
}

.bm-wishlist-btn svg {
  width: 1.15rem;
  height: 1.15rem;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
}

.bm-wishlist-btn.is-active {
  color: #e8512e;
}
.bm-wishlist-btn.is-active svg {
  fill: #e8512e;
  stroke: #e8512e;
}

/* ── Header heart badge (mirrors .quote-badge in quote.css) ──────────────────── */
.header-action--wishlist {
  position: relative;
}

.wishlist-badge {
  position: absolute;
  top: -4px;
  right: -2px;
  min-width: 18px;
  height: 18px;
  padding: 0 4px;
  border-radius: 999px;
  background: #e8512e; /* flame */
  color: #fff;
  font-size: 0.68rem;
  display: grid;
  place-items: center;
  transition: transform 0.2s ease;
}

.wishlist-badge:empty,
.wishlist-badge[data-count="0"] {
  display: none;
}