/* Wheels On Demand — "Share" trigger + popover menu.
   Additive only, reuses the site's own tokens so it matches without
   touching the shared stylesheets that already style .inv-fav-btn /
   .inv-compare-btn / .btn. */

/* Icon-only trigger on inventory cards — same visual treatment as the
   compare/save circles it sits next to. */
.inv-photo .inv-share-btn {
  width: 34px;
  height: 34px;
  background: rgba(255, 255, 255, .92);
  border-radius: 99px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--navy-900);
  cursor: pointer;
  border: 0;
  transition: background .15s, color .15s, transform .15s;
  backdrop-filter: blur(8px);
}
.inv-photo .inv-share-btn:hover { transform: scale(1.07); background: #fff; }
.inv-photo .inv-share-btn svg { width: 16px; height: 16px; }

/* Text-label trigger used in the CTA row (single vehicle/rental pages
   and the quick-view lightbox). */
.btn.share-btn-cta svg { width: 16px; height: 16px; flex: none; }

/* Popover menu */
.wshare-menu {
  position: fixed;
  z-index: 1000;
  min-width: 190px;
  background: var(--paper);
  border: 1px solid var(--line);
  border-radius: var(--r-lg, 14px);
  box-shadow: 0 12px 32px rgba(10, 20, 40, .18);
  padding: 6px;
  opacity: 0;
  transform: translateY(-4px);
  transition: opacity .12s ease, transform .12s ease;
}
.wshare-menu.open { opacity: 1; transform: translateY(0); }

.wshare-item {
  display: flex;
  align-items: center;
  gap: 10px;
  width: 100%;
  padding: 9px 10px;
  border: 0;
  background: none;
  border-radius: 8px;
  font-size: 13.5px;
  font-weight: 600;
  color: var(--navy-900);
  text-decoration: none;
  cursor: pointer;
  text-align: left;
}
.wshare-item:hover { background: var(--cream); }
.wshare-item svg { width: 18px; height: 18px; flex: none; color: var(--ink-500); }
.wshare-item.copied { color: var(--red-600); }
.wshare-item.copied svg { color: var(--red-600); }

.wshare-item[href*="wa.me"] svg { color: #25d366; }
.wshare-item[href*="facebook.com"] svg { color: #1877f2; }
.wshare-item[href*="twitter.com"] svg { color: #0a1b48; }