/* DohoHub — share bar (X / Facebook / LinkedIn / Reddit / WhatsApp / Telegram / Email + copy + native). */
.share-bar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:16px 0}
.share-bar .share-label{font-size:11px;font-weight:700;color:var(--text3,#5a6577);text-transform:uppercase;letter-spacing:.06em;margin-right:2px}

.share-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:36px;width:36px;padding:0;border-radius:9px;background:var(--bg3,#212A3C);border:1px solid var(--border2,rgba(255,255,255,.13));color:var(--text2,#8a96a8);cursor:pointer;text-decoration:none;font-family:inherit;font-size:12px;font-weight:600;transition:transform .15s,background .15s,color .15s,border-color .15s}
.share-btn svg{width:17px;height:17px;fill:currentColor;display:block;flex-shrink:0}
.share-btn:hover{transform:translateY(-2px);color:#fff}

.share-btn[data-net="x"]:hover{background:#000;border-color:#000}
.share-btn[data-net="facebook"]:hover{background:#1877F2;border-color:#1877F2}
.share-btn[data-net="linkedin"]:hover{background:#0A66C2;border-color:#0A66C2}
.share-btn[data-net="reddit"]:hover{background:#FF4500;border-color:#FF4500}
.share-btn[data-net="whatsapp"]:hover{background:#25D366;border-color:#25D366}
.share-btn[data-net="telegram"]:hover{background:#229ED9;border-color:#229ED9}
.share-btn[data-net="email"]:hover{background:#c98a00;border-color:#c98a00}

/* Copy link + native share are wider (icon + label) */
.share-btn.share-copy,.share-btn.share-native{width:auto;padding:0 13px}
.share-btn.share-copy:hover{background:var(--accent,#f5b301);border-color:var(--accent,#f5b301);color:#000}
.share-btn.share-copy.copied{background:var(--accent3,#10b981);border-color:var(--accent3,#10b981);color:#000}
.share-btn.share-native:hover{background:var(--accent2,#c98a00);border-color:var(--accent2,#c98a00);color:#fff}
body.light-theme .share-btn.share-copy:hover, html.light-theme .share-btn.share-copy:hover{color:#fff}
body.light-theme .share-btn.share-copy.copied, html.light-theme .share-btn.share-copy.copied{color:#fff}

@media(max-width:520px){.share-bar .share-label{width:100%;margin-bottom:2px}}