/*
 * Component: Social Links
 * Description: Social media icon list.
 * Refactored from: css/conf/02-components/08.navigation.css & css/conf/01-layout/06.footer.css
 */

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

.wsdt-social-list a {
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--link-primary);
  /* font-size: var(--icon-size-base); */ /* Redundant, SVG has explicit size */
  transition: var(--interaction-transition);
  text-decoration: none;
}

.wsdt-social-list a:hover {
  color: var(--link-hover);
  transform: translateY(var(--interaction-lift));
}

.wsdt-social-list svg {
  width: var(--icon-size-base);
  height: var(--icon-size-base);
  fill: currentColor;
}

/* Context Specific: Footer Bottom */
.wsdt-region--footer-bottom-social .wsdt-social-list {
  justify-content: center;
}