/* ─────────────────────────────────────────────────────────────
   Garage sales — like / share / WhatsApp engagement UI
   Loaded site-wide but only acts on .gs-* elements.
   ───────────────────────────────────────────────────────────── */

/* Like (heart) button states */
.gs-like .fa-heart { transition: transform .15s ease, color .15s ease; }
.gs-like.is-liked,
.gs-like.is-liked .fa-heart { color: #e11d48 !important; }
.gs-like[aria-pressed="true"] .fa-heart { font-weight: 900; }
.gs-like.is-busy { pointer-events: none; opacity: .7; }
.gs-like .fa-heart.gs-pop { animation: gs-heart-pop .3s ease; }

@keyframes gs-heart-pop {
    0%   { transform: scale(1); }
    50%  { transform: scale(1.45); }
    100% { transform: scale(1); }
}

/* Small round action buttons that sit on top of card images must stay
   above the whole-card link and any ENDED overlay. */
.sale-card .gs-like,
.sale-card .gs-wa { cursor: pointer; }

/* Share popover menu (desktop fallback when navigator.share is absent) */
.gs-share-menu {
    position: fixed;
    z-index: 2000;
    min-width: 220px;
    background: #fff;
    border: 1px solid rgba(0,0,0,.08);
    border-radius: .75rem;
    box-shadow: 0 12px 30px rgba(0,0,0,.18);
    padding: .4rem;
    display: none;
}
.gs-share-menu.open { display: block; }
.gs-share-menu a {
    display: flex;
    align-items: center;
    gap: .6rem;
    padding: .5rem .65rem;
    border-radius: .5rem;
    color: #111827;
    font-size: .875rem;
    text-decoration: none;
    cursor: pointer;
}
.gs-share-menu a:hover { background: #f3f4f6; color: #111827; }
.gs-share-menu a .gs-sm-ico {
    width: 26px; height: 26px;
    border-radius: 50%;
    display: inline-flex; align-items: center; justify-content: center;
    color: #fff; font-size: .8rem; flex-shrink: 0;
}
.gs-sm-wa .gs-sm-ico { background: #25d366; }
.gs-sm-fb .gs-sm-ico { background: #1877f2; }
.gs-sm-x  .gs-sm-ico { background: #111827; }
.gs-sm-tg .gs-sm-ico { background: #229ed9; }
.gs-sm-cp .gs-sm-ico { background: #6b7280; }
.gs-sm-cp.gs-copied { color: #059669; }
.gs-sm-cp.gs-copied .gs-sm-ico { background: #059669; }

/* Dark theme tweaks (Bootstrap data-bs-theme on <html>) */
[data-bs-theme="dark"] .gs-share-menu {
    background: #1f2937;
    border-color: rgba(255,255,255,.08);
    box-shadow: 0 12px 30px rgba(0,0,0,.5);
}
[data-bs-theme="dark"] .gs-share-menu a { color: #f3f4f6; }
[data-bs-theme="dark"] .gs-share-menu a:hover { background: #374151; }