/* SPDX-License-Identifier: AGPL-3.0-or-later */
/* Copyright (c) 2026 Adrien Conrath */

.footer-links .footer-social {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  white-space: nowrap;
}

.footer-social-icon {
  display: block;
  width: 16px;
  height: 16px;
  flex: none;
  background: currentColor;
  -webkit-mask: var(--social-icon) center / contain no-repeat;
  mask: var(--social-icon) center / contain no-repeat;
}

.footer-x {
  --social-icon: url("/media/x.svg");
}

.footer-discord {
  --social-icon: url("/media/discord.svg");
}

.footer-links .footer-social:focus-visible {
  outline: 2px solid currentColor;
  outline-offset: 4px;
  border-radius: 2px;
}

.footer-base a {
  color: inherit;
  text-decoration: none;
  transition: color 0.15s;
}

.footer-base a:hover {
  color: var(--text-primary);
}