/* P26M — share bar on single post. */

.share-bar {
    display: flex;
    align-items: center;
    gap: var(--space-4);
    padding: var(--space-5) 0;
    border-top: 1px solid var(--color-border);
    border-bottom: 1px solid var(--color-border);
    margin-block: var(--space-7);
}

.share-bar__label {
    margin-right: auto;
    flex-shrink: 0;
}

.share-bar__buttons {
    display: flex;
    align-items: center;
    gap: var(--space-2);
    flex-wrap: wrap;
}

.share-bar__btn {
    display: inline-flex;
    align-items: center;
    gap: var(--space-2);
    color: var(--color-text-secondary);
    border-color: var(--color-border);
}

.share-bar__btn:hover {
    color: var(--color-brand);
    border-color: rgba(115, 196, 75, 0.35);
}

.share-bar__icon {
    width: 16px;
    height: 16px;
    flex-shrink: 0;
}

.share-bar__copy-label {
    font-size: var(--fs-sm);
    font-family: var(--font-mono);
}

/* Copy success feedback — JS toggles this */
.share-bar__copy[data-copied="true"] {
    color: var(--color-brand);
    border-color: rgba(115, 196, 75, 0.35);
}