/* BookedUp Wishlist — front end styling.
   Colours follow the shop's existing cream/ink/pink palette. */

/* ── The heart ─────────────────────────────────────────────────────────── */
.buwi-heart{
  display:inline-flex; align-items:center; gap:5px;
  background:rgba(255,255,255,.9); border:1px solid #E8DFD3;
  border-radius:999px; padding:6px 9px; cursor:pointer;
  line-height:0; box-shadow:0 1px 4px rgba(42,36,30,.12);
  transition:transform .15s, box-shadow .15s, background .15s, border-color .15s;
  -webkit-appearance:none; appearance:none;
}
.buwi-heart:hover{ transform:scale(1.08); box-shadow:0 3px 10px rgba(42,36,30,.18); }
.buwi-heart:focus-visible{ outline:2px solid #ECB4BF; outline-offset:2px; }
.buwi-heart svg{ display:block; }
.buwi-heart svg path{
  fill:none; stroke:#8a7f76; stroke-width:1.8;
  transition:fill .18s, stroke .18s;
}
.buwi-heart.buwi-on svg path{ fill:#D4566E; stroke:#D4566E; }
.buwi-heart.buwi-on{ border-color:#ECB4BF; background:#fff; }
.buwi-heart.buwi-busy{ opacity:.65; cursor:progress; }

/* A small squeeze when it's tapped, so the save registers visually. */
@keyframes buwiPop{ 0%{transform:scale(1);} 45%{transform:scale(1.28);} 100%{transform:scale(1);} }
.buwi-heart.buwi-pop{ animation:buwiPop .32s ease; }
@media (prefers-reduced-motion: reduce){
  .buwi-heart, .buwi-heart.buwi-pop{ transition:none; animation:none; }
}

.buwi-count{
  font-family:system-ui,sans-serif; font-size:11px; font-weight:600;
  color:#6E635A; line-height:1;
}
.buwi-heart.buwi-on .buwi-count{ color:#D4566E; }

/* On a grid card the heart floats over the artwork, bottom-right — the top
   corners already hold the status chip and the store name. */
.buwi-heart-card{
  position:absolute; bottom:10px; right:10px; z-index:4;
}

/* Quick View: sits beside the book title inside the modal. */
.buwi-heart-quickview{ flex-shrink:0; }

/* Product page row */
.buwi-product-heart-row{
  display:flex; align-items:center; gap:9px; margin:0 0 14px;
}
.buwi-product-heart-label{
  font-size:13px; color:#6E635A;
}

/* ── My Account → Saved Books ──────────────────────────────────────────── */
.buwi-account-title{ margin:0 0 6px; }
.buwi-account-note{ font-size:13px; color:#6E635A; margin:0 0 16px; }
.buwi-empty{ font-size:14px; color:#6E635A; }

.buwi-saved-grid{
  display:grid; grid-template-columns:repeat(auto-fill,minmax(220px,1fr));
  gap:16px;
}
.buwi-saved-card{
  display:flex; flex-direction:column;
  background:#fff; border:1px solid #E8DFD3; border-radius:12px; overflow:hidden;
}
.buwi-saved-cover{ aspect-ratio:3/4; background:#F6F1EA; overflow:hidden; }
.buwi-saved-cover img{ width:100%; height:100%; object-fit:cover; display:block; }
.buwi-saved-body{ padding:12px 13px 14px; display:flex; flex-direction:column; gap:6px; }
.buwi-saved-title{ font-weight:600; font-size:14px; line-height:1.3; margin:0; color:#2A241E; }
.buwi-saved-price{ margin:0; font-size:14px; font-weight:700; color:#2A241E; }
.buwi-saved-link{ font-size:13px; text-decoration:none; }
.buwi-saved-date{ margin:2px 0 0; font-size:11px; color:#9a8f88; }
.buwi-saved-gone-note{ margin:0; font-size:11px; color:#9a8f88; line-height:1.45; }

/* A closed listing is dimmed but never hidden — the customer saved it, so it
   stays on their list with an explanation. */
.buwi-saved-gone .buwi-saved-cover img{ filter:grayscale(1); opacity:.55; }
.buwi-saved-gone .buwi-saved-title{ color:#6E635A; }

.buwi-tag{
  align-self:flex-start; font-size:10px; font-weight:700; letter-spacing:.04em;
  text-transform:uppercase; padding:3px 8px; border-radius:20px;
}
.buwi-tag-out{  background:#f8d7da; color:#721c24; }
.buwi-tag-low{  background:#fff3cd; color:#7a5c00; }
.buwi-tag-gone{ background:#e2e3e5; color:#5a5f64; }

.buwi-remove-form{ margin:6px 0 0; }
.buwi-remove-btn{
  background:none; border:none; padding:0; cursor:pointer;
  font-size:12px; color:#9a8f88; text-decoration:underline;
}
.buwi-remove-btn:hover{ color:#c0392b; }