/* Share Bar Component */
.share-bar {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    align-items: center;
}

/* Base button style */
.share-bar__btn {
    display: inline-flex;
    align-items: center;
    gap: 0.35em;
    border: 1px solid var(--bs-border-color, #dee2e6);
    background: transparent;
    color: var(--bs-body-color, #212529);
    text-decoration: none;
    cursor: pointer;
    font-size: 0.85rem;
    line-height: 1;
    transition: all 0.15s ease;
    border-radius: 6px;
    padding: 0.4rem 0.75rem;
}
.share-bar__btn:hover {
    text-decoration: none;
    transform: translateY(-1px);
    box-shadow: 0 2px 6px rgba(0,0,0,0.1);
}
.share-bar__btn:active { transform: translateY(0); }
.share-bar__btn i { font-size: 1rem; }

/* Platform colors on hover */
.share-bar__btn--twitter:hover { border-color: #000; color: #000; background: rgba(0,0,0,0.05); }
.share-bar__btn--linkedin:hover { border-color: #0A66C2; color: #0A66C2; background: rgba(10,102,194,0.05); }
.share-bar__btn--mastodon:hover { border-color: #6364FF; color: #6364FF; background: rgba(99,100,255,0.05); }
.share-bar__btn--bluesky:hover { border-color: #0085FF; color: #0085FF; background: rgba(0,133,255,0.05); }
.share-bar__btn--whatsapp:hover { border-color: #25D366; color: #25D366; background: rgba(37,211,102,0.05); }
.share-bar__btn--telegram:hover { border-color: #0088cc; color: #0088cc; background: rgba(0,136,204,0.05); }
.share-bar__btn--facebook:hover { border-color: #1877F2; color: #1877F2; background: rgba(24,119,242,0.05); }
.share-bar__btn--reddit:hover { border-color: #FF4500; color: #FF4500; background: rgba(255,69,0,0.05); }
.share-bar__btn--hackernews:hover { border-color: #ff6600; color: #ff6600; background: rgba(255,102,0,0.05); }
.share-bar__btn--email:hover { border-color: #EA4335; color: #EA4335; background: rgba(234,67,53,0.05); }
.share-bar__btn--copy:hover { border-color: var(--bs-primary, #0d6efd); color: var(--bs-primary, #0d6efd); }
.share-bar__btn--copy.copied { border-color: #198754; color: #198754; background: rgba(25,135,84,0.08); }

/* Icons-only style */
.share-bar--icons .share-bar__btn {
    padding: 0.45rem;
    border-radius: 50%;
    width: 36px; height: 36px;
    justify-content: center;
}
.share-bar--icons .share-bar__btn span { display: none; }

/* Pills style */
.share-bar--pills .share-bar__btn {
    border-radius: 20px;
    padding: 0.35rem 0.85rem;
    font-size: 0.8rem;
}

/* Dark theme support */
[data-bs-theme="dark"] .share-bar__btn {
    border-color: var(--bs-border-color, #495057);
    color: var(--bs-body-color, #dee2e6);
}