/* social-share.css — Share strip for public pages */
.share-strip {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  flex-wrap: wrap;
  padding: 18px 16px;
  margin: 0 0 20px;
  border-top: 1px solid rgba(255, 255, 255, .08);
}

.share-label {
  font-size: 13px;
  color: rgba(255, 255, 255, .50);
  letter-spacing: .04em;
  text-transform: uppercase;
  flex-shrink: 0;
}

.share-btn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 7px 16px;
  border-radius: 20px;
  font-size: 13px;
  font-weight: 600;
  text-decoration: none;
  cursor: pointer;
  border: 1px solid rgba(255, 255, 255, .15);
  background: rgba(255, 255, 255, .06);
  color: rgba(255, 255, 255, .80);
  transition: background .15s, color .15s, border-color .15s;
  font-family: inherit;
}

.share-btn:hover {
  background: rgba(255, 255, 255, .12);
  color: #fff;
  border-color: rgba(255, 255, 255, .30);
}

.share-btn.share-fb  { border-color: rgba(24, 119, 242, .40); }
.share-btn.share-fb:hover  { background: rgba(24, 119, 242, .18); border-color: #1877f2; color: #fff; }

.share-btn.share-x   { border-color: rgba(255, 255, 255, .20); }
.share-btn.share-x:hover   { background: rgba(255, 255, 255, .14); }

.share-btn.share-copy { border-color: rgba(22, 163, 255, .30); }
.share-btn.share-copy:hover { background: rgba(22, 163, 255, .15); border-color: #16a3ff; color: #16a3ff; }
.share-btn.share-copy.copied { background: rgba(34, 197, 94, .15); border-color: #22c55e; color: #22c55e; }