/**
 * Share Buttons — Pure CSS
 */

.sh-share { margin-top: 2rem; padding-top: 1.5rem; border-top: 1px solid var(--pi-border-light, #f1f5f9); }

.sh-share__inner { display: flex; align-items: center; gap: 0.75rem; flex-wrap: wrap; }

.sh-share__label { font-size: 0.875rem; font-weight: 700; color: var(--pi-text-3, #94a3b8); display: flex; align-items: center; gap: 0.5rem; }
.sh-share__label-icon { width: 1rem; height: 1rem; }

.sh-share__btn { display: inline-flex; align-items: center; gap: 0.5rem; font-size: 0.75rem; font-weight: 600; padding: 0.5rem 1rem; border-radius: 0.5rem; text-decoration: none; border: none; cursor: pointer; transition: opacity 0.2s; }
.sh-share__btn:hover { opacity: 0.9; }

.sh-share__btn--facebook { background: #1877F2; color: #fff; }
.sh-share__btn--zalo { background: #0068FF; color: #fff; }
.sh-share__btn--copy { background: var(--pi-bg-alt, #f3f4f6); color: var(--pi-text-2, #475569); }
.sh-share__btn--copy:hover { background: var(--pi-border, #e2e8f0); }

.sh-share__btn-img { width: 18px; height: 18px; border-radius: 2px; }
.sh-share__copy-icon { width: 1rem; height: 1rem; }

/* Copy success state */
.sh-copy-btn.copied { background: var(--pi-primary, #007d3d) !important; color: #fff !important; }

/* Dark Mode */
.dark .sh-share { border-top-color: var(--pi-border, #334155); }
.dark .sh-share__btn--copy { background: var(--pi-bg-elevated, #334155); color: var(--pi-text-2, #e2e8f0); }
.dark .sh-share__btn--copy:hover { background: var(--pi-border, #334155); }