/* Shared platform marks use local SVG masks and inherit accessible link colors. */
.social-platform-icon {
    display: inline-block;
    flex: 0 0 1.25rem;
    width: 1.25rem;
    height: 1.25rem;
    vertical-align: -.2em;
    background-color: currentColor;
    -webkit-mask: var(--social-platform-mask) center / contain no-repeat;
    mask: var(--social-platform-mask) center / contain no-repeat;
}
a.social-platform-link { display: inline-flex; align-items: center; gap: .45rem; max-width: 100%; }
a.social-platform-link--compact {
    justify-content: center;
    flex: 0 0 auto;
    width: 2.5rem;
    height: 2.5rem;
    padding: .5rem;
    box-sizing: border-box;
    border: 1px solid currentColor;
    border-radius: .5rem;
    text-decoration: none;
}
a.social-platform-link--compact:hover { background-color: color-mix(in srgb, currentColor 9%, transparent); }
a.social-platform-link:focus-visible { outline: 3px solid currentColor; outline-offset: 3px; }
@media (forced-colors: active) {
    .social-platform-icon { forced-color-adjust: none; background-color: LinkText; }
}
.social-platform-links { display: flex; flex-wrap: wrap; align-items: center; gap: .5rem; margin-top: .65rem; }
.club-map-links { align-items: center; }
.social-platform-facebook { --social-platform-mask: url('/assets/social-icons/facebook.svg'); }
.social-platform-instagram { --social-platform-mask: url('/assets/social-icons/instagram.svg'); }
.social-platform-tiktok { --social-platform-mask: url('/assets/social-icons/tiktok.svg'); }
.social-platform-youtube { --social-platform-mask: url('/assets/social-icons/youtube.svg'); }
.social-platform-twitter-x { --social-platform-mask: url('/assets/social-icons/twitter-x.svg'); }
.social-platform-twitter { --social-platform-mask: url('/assets/social-icons/twitter.svg'); }
.social-platform-linkedin { --social-platform-mask: url('/assets/social-icons/linkedin.svg'); }
.social-platform-threads { --social-platform-mask: url('/assets/social-icons/threads.svg'); }
.social-platform-bluesky { --social-platform-mask: url('/assets/social-icons/bluesky.svg'); }
.social-platform-whatsapp { --social-platform-mask: url('/assets/social-icons/whatsapp.svg'); }
.social-platform-discord { --social-platform-mask: url('/assets/social-icons/discord.svg'); }
.social-platform-snapchat { --social-platform-mask: url('/assets/social-icons/snapchat.svg'); }
.social-platform-pinterest { --social-platform-mask: url('/assets/social-icons/pinterest.svg'); }
.social-platform-reddit { --social-platform-mask: url('/assets/social-icons/reddit.svg'); }
.social-platform-telegram { --social-platform-mask: url('/assets/social-icons/telegram.svg'); }
.social-platform-twitch { --social-platform-mask: url('/assets/social-icons/twitch.svg'); }
.social-platform-google { --social-platform-mask: url('/assets/social-icons/google.svg'); }