/* ===== SOCIAL MEDIA (RRSS) COMPONENT ===== */
.sop-rrss-card {
    display: flex;
    align-items: center;
    gap: 40px;
    padding: 24px 40px;
}

body.sop-preview-mode .sop-rrss-card .sop-preview-card-title,
body.sop-is-atleta.sop-profile-page.sop-preview-mode .sop-rrss-card .sop-preview-card-title {
    margin-bottom: 0;
    border-right: 2px solid #e2e8f0;
    padding-right: 40px;
    border-bottom: none !important;
    padding-bottom: 0 !important;
}

body.sop-is-provider.sop-preview-mode .sop-rrss-card .sop-preview-card-title {
    border-right: 2px solid rgba(255, 255, 255, 0.1);
}

.sop-rrss-icons {
    display: flex;
    gap: 20px;
    align-items: center;
}

.sop-rrss-icon-img {
    width: 24px;
    height: 24px;
    object-fit: contain;
    background: #000;
    padding: 6px;
    border-radius: 6px;
}

body.sop-is-provider.sop-preview-mode .sop-rrss-icon-img {
    background: rgba(255, 255, 255, 0.1);
}

/* Responsive Handling */
@media (max-width: 900px) {
    .sop-rrss-card {
        flex-direction: column;
        align-items: flex-start;
        gap: 20px;
    }

    .sop-rrss-card .sop-preview-card-title {
        border-right: none;
        padding-right: 0;
    }
}