/*
 * Social links — icon + optional label. Used in footer, top-banner, contact.
 */

.social-links {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;
    gap: var(--space-4);
}

.social-links li {
    display: inline-flex;
}

.social-links a {
    display: inline-flex;
    align-items: center;
    gap: var(--space-2);
    color: inherit;
    font-size: var(--text-body);
    transition: color var(--transition-default);
}

.social-links a:hover {
    color: var(--color-accent);
}

.social-links .fa-brands {
    font-size: 1.1em;
}

.social-links-label {
    font-size: var(--text-small);
}

.social-links-sm {
    gap: var(--space-3);
}
.social-links-sm .fa-brands {
    font-size: 1em;
}