/* Social Publisher Pro Public Styles */

/* Social Share Buttons */
.spp-social-share {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin: 15px 0;
}

.spp-social-share a {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 8px 12px;
    text-decoration: none;
    border-radius: 6px;
    font-weight: 500;
    transition: all 0.3s ease;
    color: #fff;
}

.spp-social-share a:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(0,0,0,0.2);
    text-decoration: none;
    color: #fff;
}

/* Platform-specific colors */
.spp-share-facebook { background-color: #1877f2; }
.spp-share-twitter { background-color: #1da1f2; }
.spp-share-linkedin { background-color: #0a66c2; }
.spp-share-pinterest { background-color: #bd081c; }
.spp-share-telegram { background-color: #0088cc; }
.spp-share-instagram { background: linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%); }

/* Size variations */
.spp-size-small a {
    padding: 4px 8px;
    font-size: 12px;
}

.spp-size-medium a {
    padding: 8px 12px;
    font-size: 14px;
}

.spp-size-large a {
    padding: 12px 16px;
    font-size: 16px;
}

/* Style variations */
.spp-style-minimal a {
    background: transparent;
    color: #333;
    border: 1px solid #ddd;
}

.spp-style-minimal a:hover {
    background: #f8f9fa;
    color: #333;
}

.spp-style-rounded a {
    border-radius: 25px;
}

.spp-style-square a {
    border-radius: 0;
}

/* Icon styling */
.spp-icon {
    font-size: 1.2em;
    line-height: 1;
}

/* Hide platform names on small screens */
@media (max-width: 480px) {
    .spp-platform-name {
        display: none;
    }
    
    .spp-social-share a {
        padding: 8px;
        justify-content: center;
        min-width: 40px;
    }
}

/* Social Stats */
.spp-social-stats {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    margin: 15px 0;
    padding: 15px;
    background: #f8f9fa;
    border-radius: 8px;
    border: 1px solid #e9ecef;
}

.spp-stat-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    min-width: 120px;
}

.spp-stat-label {
    font-size: 12px;
    color: #666;
    margin-bottom: 5px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.spp-stat-value {
    font-size: 24px;
    font-weight: bold;
    color: #2563eb;
    line-height: 1;
}

/* Social Follow Buttons */
.spp-social-follow {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin: 15px 0;
}

.spp-social-follow a {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 10px 15px;
    text-decoration: none;
    border-radius: 6px;
    font-weight: 500;
    transition: all 0.3s ease;
    color: #fff;
    background: #333;
}

.spp-social-follow a:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(0,0,0,0.2);
    text-decoration: none;
    color: #fff;
    background: #555;
}

/* Platform-specific follow colors */
.spp-follow-facebook { background-color: #1877f2; }
.spp-follow-twitter { background-color: #1da1f2; }
.spp-follow-instagram { background: linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%); }
.spp-follow-linkedin { background-color: #0a66c2; }
.spp-follow-youtube { background-color: #ff0000; }
.spp-follow-tiktok { background-color: #000000; }
.spp-follow-pinterest { background-color: #bd081c; }
.spp-follow-telegram { background-color: #0088cc; }

.spp-follow-facebook:hover { background-color: #166fe5; }
.spp-follow-twitter:hover { background-color: #1a91da; }
.spp-follow-linkedin:hover { background-color: #095bb0; }
.spp-follow-youtube:hover { background-color: #e60000; }
.spp-follow-tiktok:hover { background-color: #333; }
.spp-follow-pinterest:hover { background-color: #a7071a; }
.spp-follow-telegram:hover { background-color: #0077bb; }

/* Follow text */
.spp-follow-text {
    font-size: 14px;
}

/* Responsive design */
@media (max-width: 768px) {
    .spp-social-share,
    .spp-social-follow {
        justify-content: center;
    }
    
    .spp-social-stats {
        flex-direction: column;
        align-items: center;
    }
    
    .spp-stat-item {
        min-width: auto;
        width: 100%;
    }
}

/* Accessibility improvements */
.spp-social-share a:focus,
.spp-social-follow a:focus {
    outline: 2px solid #4285f4;
    outline-offset: 2px;
}

/* Print styles */
@media print {
    .spp-social-share,
    .spp-social-follow {
        display: none;
    }
}

/* Dark mode support */
@media (prefers-color-scheme: dark) {
    .spp-social-stats {
        background: #1a1a1a;
        border-color: #333;
        color: #fff;
    }
    
    .spp-stat-label {
        color: #ccc;
    }
    
    .spp-style-minimal a {
        color: #fff;
        border-color: #555;
    }
    
    .spp-style-minimal a:hover {
        background: #333;
        color: #fff;
    }
}