/* lc-wedding-favorites.css — heart buttons, floating pill, shortlist drawer */
:root { --lcf-accent:#2f6f57; --lcf-heart:#d6455f; --lcf-ink:#1d2721; --lcf-line:#e3e6e3; }

/* heart button on cards (card media should be position:relative or the card itself) */
.lc-fav {
  position:absolute; top:8px; right:8px; z-index:5;
  width:34px; height:34px; border-radius:50%;
  border:none; cursor:pointer; padding:0;
  display:flex; align-items:center; justify-content:center;
  background:rgba(255,255,255,.92); color:#8a9490;
  box-shadow:0 1px 4px rgba(0,0,0,.18); transition:transform .1s, color .12s;
}
.lc-fav:hover { transform:scale(1.08); color:var(--lcf-heart); }
.lc-fav.is-on { color:var(--lcf-heart); }
.lc-fav svg { fill:currentColor; }
.lc-fav.is-on svg { animation:lcf-pop .18s ease; }
@keyframes lcf-pop { 0%{transform:scale(.7)} 60%{transform:scale(1.2)} 100%{transform:scale(1)} }

/* floating pill */
.lc-favpill {
  position:fixed; right:18px; bottom:78px; z-index:1200;
  display:flex; align-items:center; gap:7px;
  background:var(--lcf-ink); color:#fff; border:none; cursor:pointer;
  padding:11px 16px; border-radius:999px; font-size:14px; font-weight:600;
  box-shadow:0 4px 16px rgba(0,0,0,.24); transition:opacity .15s, transform .15s;
}
.lc-favpill svg { fill:var(--lcf-heart); }
.lc-favpill__n { font-variant-numeric:tabular-nums; }
.lc-favpill.is-hidden { opacity:0; transform:translateY(12px); pointer-events:none; }

/* drawer */
.lc-favdrawer__backdrop {
  position:fixed; inset:0; z-index:1300; background:rgba(0,0,0,.4);
  opacity:0; pointer-events:none; transition:opacity .2s;
}
.lc-favdrawer {
  position:fixed; top:0; right:0; bottom:0; z-index:1310; width:360px; max-width:92vw;
  background:#fff; color:var(--lcf-ink); box-shadow:-4px 0 24px rgba(0,0,0,.2);
  transform:translateX(100%); transition:transform .22s ease;
  display:flex; flex-direction:column;
}
body.lc-favdrawer-open .lc-favdrawer { transform:translateX(0); }
body.lc-favdrawer-open .lc-favdrawer__backdrop { opacity:1; pointer-events:auto; }
.lc-favdrawer__head { display:flex; align-items:center; justify-content:space-between; padding:16px 18px; border-bottom:1px solid var(--lcf-line); font-size:17px; }
.lc-favdrawer__close { background:none; border:none; font-size:26px; line-height:1; cursor:pointer; color:#8a9490; }
.lc-favdrawer__list { overflow-y:auto; padding:8px 0; flex:1; }
.lc-favdrawer__empty { color:#6b7772; padding:28px 20px; text-align:center; font-size:14px; }

.lc-favrow { display:flex; align-items:center; gap:12px; padding:9px 16px; border-bottom:1px solid var(--lcf-line); }
.lc-favrow__media { width:64px; height:48px; flex:none; border-radius:7px; overflow:hidden; background:#f6f7f5; display:block; }
.lc-favrow__media img { width:100%; height:100%; object-fit:cover; }
.lc-favrow__noimg { display:block; width:100%; height:100%; background:#eef0ee; }
.lc-favrow__body { flex:1; min-width:0; }
.lc-favrow__title { display:block; font-weight:600; font-size:14px; color:var(--lcf-ink); text-decoration:none; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.lc-favrow__title:hover { color:var(--lcf-accent); }
.lc-favrow__meta { color:#6b7772; font-size:12.5px; margin-top:2px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.lc-favrow__rm { background:none; border:none; font-size:20px; line-height:1; cursor:pointer; color:#b7beba; flex:none; }
.lc-favrow__rm:hover { color:var(--lcf-heart); }

/* "Compare all" button at the top of the drawer list */
.lc-favdrawer__compare { display:block; margin:10px 16px 8px; text-align:center; background:var(--lcf-accent); color:#fff; text-decoration:none; padding:11px; border-radius:10px; font-weight:700; font-size:14px; }
.lc-favdrawer__compare:hover { filter:brightness(1.06); }

/* "Request quotes from all N" — secondary (outline) so Compare stays the primary action */
.lc-favdrawer__quotes { display:block; width:calc(100% - 32px); margin:0 16px 10px; text-align:center; background:#fff; color:var(--lcf-accent); border:1.5px solid var(--lcf-accent); padding:9.5px; border-radius:10px; font-weight:700; font-size:13.5px; cursor:pointer; }
.lc-favdrawer__quotes:hover { background:#f3f8f6; }