/* social-share.css — Nút chia sẻ mạng xã hội */

.gpc-social-share {
    display:     flex;
    flex-wrap:   wrap;
    align-items: center;
    gap:         0.4rem;
}

.share-btn {
    display:         inline-flex;
    align-items:     center;
    gap:             0.35rem;
    padding:         0.35rem 0.8rem;
    font-size:       0.82rem;
    font-weight:     600;
    border-radius:   2rem;
    text-decoration: none;
    color:           #fff !important;
    background:      var(--share-color, #555);
    border:          none;
    transition:      opacity .2s, transform .15s;
    white-space:     nowrap;
}

.share-btn:hover {
    opacity:   0.87;
    transform: translateY(-2px);
    color:     #fff !important;
}

.share-btn i {
    font-size: 0.9rem;
}

/* Hide label on small screens */
@media (max-width: 480px) {
    .share-btn .share-label-text {
        display: none;
    }
    .share-btn {
        padding: 0.45rem 0.6rem;
        font-size: 1rem;
        border-radius: 50%;
        width: 2.2rem;
        height: 2.2rem;
        justify-content: center;
    }
}

/* Author box */
.gpc-author-box {
    background:   var(--color-surface, #f8f9fa);
    border:       1px solid var(--color-border, #dee2e6);
    border-radius: var(--radius, 0.5rem);
}

/* Tags */
.gpc-post-tags .badge-tag {
    display:          inline-block;
    padding:          0.25em 0.65em;
    font-size:        0.78rem;
    font-weight:      500;
    background:       var(--color-surface-2, #e9ecef);
    color:            var(--color-text-muted, #6c757d);
    border-radius:    0.25rem;
    text-decoration:  none;
    margin:           0.15rem;
    transition:       background-color .2s, color .2s;
}

.gpc-post-tags .badge-tag:hover {
    background: var(--color-primary, #007bff);
    color:      #fff;
}

/* CTA Box */
.gpc-cta-box {
    background:    var(--color-surface, #f8f9fa);
    border:        1px solid var(--color-border, #dee2e6);
}

/* Copy code button */
.copy-code-btn {
    position:    absolute;
    top:         0.5rem;
    right:       0.5rem;
    opacity:     0;
    background:  rgba(0,0,0,.5);
    color:       #fff;
    border:      none;
    border-radius: 4px;
    font-size:   0.75rem;
    padding:     0.2rem 0.5rem;
    transition:  opacity .2s;
    z-index:     2;
}

pre:hover .copy-code-btn {
    opacity: 1;
}