/**
 * WPSM Social – front-end share buttons
 */

.wpsm-social-card {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin: 16px 0;
}

.wpsm-share-btn {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 8px 16px;
    border-radius: 4px;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none !important;
    color: #fff !important;
    transition: opacity .15s ease, transform .1s ease;
    line-height: 1.4;
}

.wpsm-share-btn:hover {
    opacity: .88;
    transform: translateY(-1px);
}

.wpsm-share-btn:active {
    transform: translateY(0);
}

/* Platform colours */
.wpsm-facebook  { background: #1877f2; }
.wpsm-twitter   { background: #1da1f2; }
.wpsm-linkedin  { background: #0a66c2; }
.wpsm-pinterest { background: #e60023; }
.wpsm-whatsapp  { background: #25d366; }

@media (max-width: 480px) {
    .wpsm-share-btn {
        flex: 1 1 calc(50% - 8px);
        justify-content: center;
    }
}