/* Social-Share-Buttons - core/Extensions/SocialShare/assets/style.css
 * Wird automatisch geladen (siehe Nexis\Template\ExtensionAssets), unabhängig
 * vom aktiven Theme.
 */

.nx-social-share {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.5rem;
    margin: 1.25rem 0;
}

.nx-social-share-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 50%;
    background: var(--nx-surface-alt, #f1f3f5);
    color: var(--nx-text, #212529);
    font-size: 1.1rem;
    border: 1px solid var(--nx-border, #dee2e6);
    text-decoration: none;
    cursor: pointer;
    transition: background-color 0.15s ease, color 0.15s ease, transform 0.15s ease;
}

.nx-social-share-btn:hover,
.nx-social-share-btn:focus-visible {
    background: var(--nx-primary, #0d6efd);
    color: #fff;
    transform: translateY(-2px);
}

.nx-social-share-copy {
    position: relative;
}

.nx-social-share-copy--done {
    background: var(--nx-success, #198754);
    color: #fff;
}

.nx-social-share-copy--done::after {
    content: "Kopiert!";
    position: absolute;
    bottom: calc(100% + 0.35rem);
    left: 50%;
    transform: translateX(-50%);
    background: var(--nx-success, #198754);
    color: #fff;
    font-size: 0.7rem;
    font-weight: 600;
    padding: 0.2rem 0.5rem;
    border-radius: 0.25rem;
    white-space: nowrap;
    pointer-events: none;
}