.topbar-social-wrapper {
    padding: 8px 0;
background-color: #7BA6C6;
}

.topbar-social__link {
    width: 36px;
    height: 36px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: transform 0.2s ease;
    text-decoration: none;
}

.topbar-social__link:hover {
    transform: translateY(-2px);
}

/* SVG Styling */
.topbar-social__link svg {
    width: 64px;
    height: 64px;
    fill: currentColor; /* Belangrijk: SVG moet geen hardcoded fill hebben in het bestand zelf */
    display: block;
}

/* Kleuren */
.topbar-social__link--facebook  { color: #1877f2; }
.topbar-social__link--instagram { color: #e4405f; }
.topbar-social__link--linkedin  { color: #0a66c2; }
.topbar-social__link--twitter   { color: #000000; }
.topbar-social__link--email     { color: #00BB00; }