/* Compact Social Media - minimal, self-contained styles */
.soc-social-media-compact {
    display: flex;
    align-items: center;
}

.soc-compact-container {
    display: flex;
    gap: 10px;
    align-items: center;
}

.soc-compact-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    color: inherit;
    transition: transform 0.16s ease, box-shadow 0.16s ease;
    border-radius: 10px;
}

.soc-compact-link:focus-visible {
    outline: 2px solid rgba(255,159,67,0.16);
    outline-offset: 2px;
}

.soc-compact-icon {
    position: relative;
    width: 40px;
    height: 40px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    background: rgba(255,255,255,0.02);
}

.soc-compact-icon img,
.soc-compact-icon svg {
    width: 20px;
    height: 20px;
    display: block;
}

.soc-compact-glow {
    position: absolute;
    inset: -6px;
    border-radius: 12px;
    filter: blur(8px);
    opacity: 0;
    transition: opacity 0.18s ease;
    pointer-events: none;
}

.soc-compact-link.discord .soc-compact-glow {
    background: radial-gradient(circle at 30% 30%, rgba(114,137,218,0.18), rgba(114,137,218,0));
}

.soc-compact-link.twitter .soc-compact-glow {
    background: radial-gradient(circle at 30% 30%, rgba(29,161,242,0.14), rgba(29,161,242,0));
}

.soc-compact-link.facebook .soc-compact-glow {
    background: radial-gradient(circle at 30% 30%, rgba(59,89,152,0.14), rgba(59,89,152,0));
}

.soc-compact-link:hover {
    transform: translateY(-3px);
}

.soc-compact-link:hover .soc-compact-glow {
    opacity: 1;
}

@media (max-width: 600px) {
    .soc-compact-container { gap: 8px; }
    .soc-compact-icon { width: 36px; height: 36px; }
    .soc-compact-icon img, .soc-compact-icon svg { width: 18px; height: 18px; }
}

/* Small helper to ensure images don't overflow */
.soc-compact-icon img { object-fit: contain; }

/* End of social-media.css */