/* -----------------------------
   Inline minimal share button
   ----------------------------- */
.wc-share-inline-placeholder{ display:inline-block; }

/* Button */
.wc-share-inline-btn{
  background: transparent;
  border: none;
  padding: 6px 8px;
  margin-left: 8px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap:8px;
  cursor: pointer;
  color: #111;
  opacity: 0.95;
  transition: transform 160ms ease, opacity 160ms ease;
  border-radius: 6px;
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial;
  font-weight: 600;
  font-size: 13px;
}
.wc-share-inline-btn:hover{ transform: translateY(-2px); opacity: 1; }

/* Icon */
.wc-share-inline-icon svg{ width:18px; height:18px; color: #111; display:block; }

/* Label */
.wc-share-inline-text {
  font-size: 13px;
  font-weight: 600;
  color: #111;
  line-height: 1;
}

/* Popover container (no backdrop) */
.wc-share-popover{
  position:absolute;
  min-width:220px;
  max-width:320px;
  background:#fff;
  border-radius:12px;
  box-shadow: 0 10px 28px rgba(16,24,40,0.12);
  padding:10px;
  border:1px solid rgba(16,24,40,0.04);
  z-index:99999;
  display:none;
  transform-origin: top right;
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial;
}

/* Popover preview */
.wc-popover-preview{ display:flex; gap:8px; align-items:center; padding-bottom:8px; border-bottom:1px solid rgba(16,24,40,0.04); margin-bottom:8px; }
.wc-popover-preview img{ width:56px; height:40px; object-fit:cover; border-radius:8px; box-shadow: 0 6px 18px rgba(0,0,0,0.06); border:1px solid rgba(16,24,40,0.03); }
.wc-popover-title{ font-weight:700; font-size:13px; color:#111; max-width:220px; line-height:1.15; }
.wc-popover-site{ font-size:12px; color:#6b7280; }

/* Actions */
.wc-popover-actions{ display:flex; gap:6px; flex-wrap:wrap; margin-top:6px; }
.wc-popover-action{
  flex: 1 1 auto;
  min-width:84px;
  padding:7px 8px;
  border-radius:8px;
  background:linear-gradient(180deg, #f8faf9, #fff);
  border:1px solid rgba(16,24,40,0.04);
  text-align:center;
  font-weight:700;
  font-size:13px;
  color:#0b6b4f;
  text-decoration:none;
  cursor:pointer;
}
.wc-popover-action:hover{ transform: translateY(-3px); box-shadow: 0 8px 20px rgba(11,107,79,0.06); }

/* Copy button special */
.wc-popover-copy{ background:#fff; border:1px dashed rgba(16,24,40,0.06); color:#111; }

/* Responsive tweak */
@media (max-width:480px){
  .wc-share-popover{ left:12px !important; right:12px !important; top:auto !important; bottom:70px !important; width:auto; min-width:unset; }
}