/**
 * Theme T&B — social link icons.
 *
 * @package Theme_TB
 * @since 1.0.0
 */

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

.tb-social-links__item a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2.25rem;
  height: 2.25rem;
  border-radius: var(--tb-radius-pill);
  border: 1px solid var(--tb-color-border);
  background: var(--tb-color-surface);
  color: var(--tb-color-text);
  text-decoration: none;
  font-size: 0.7rem;
  font-weight: 700;
  letter-spacing: 0.02em;
  transition: background var(--tb-transition), color var(--tb-transition), border-color var(--tb-transition);
}

.tb-social-links__item a:hover,
.tb-social-links__item a:focus {
  background: var(--tb-color-primary);
  border-color: var(--tb-color-primary);
  color: #fff;
}

.tb-header-social {
  margin-inline-start: var(--tb-space-sm);
}

.tb-footer-social .tb-social-links {
  justify-content: center;
  margin-bottom: var(--tb-space-md);
}