/* ─── Footer Social-Icons — monochrom grau ─────────────────────────────
   Eingeführt 2026-07-08. Kanäle wie auf der alten skribe.law-Seite:
   LinkedIn · Instagram · Facebook. Design-Referenz: UNOY-Footer (rechts unten).
   Wird auf allen Seiten zusätzlich zur Footer-CSS geladen. */

.foot__social {
  display: inline-flex;
  align-items: center;
  gap: var(--s-2, 8px);
}

.foot__social a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 44px;   /* Touch-Target ≥ 44px (Apple HIG / WCAG 2.5.5) */
  height: 44px;
  color: var(--ink-400, oklch(70% 0.006 252));
  transition: color 120ms cubic-bezier(0.22, 0.61, 0.36, 1);
}

.foot__social a:hover,
.foot__social a:focus-visible {
  color: var(--ink-800, oklch(22.7% 0.006 252));
}

.foot__social svg {
  width: 18px;
  height: 18px;
  display: block;
  fill: currentColor;
}

/* Ausrichtung im Goldstandard-Meta (Icons rechts, vertikal zentriert) */
footer[role="contentinfo"] .foot__meta-legal,
.foot__meta-legal {
  align-items: center;
}

/* Rechts-Gruppe für vereinfachte Footer (Team- und Problem-Pages):
   ERLEDIGT.-Badge + Social-Icons zusammen rechts unten */
.foot__meta-right {
  display: inline-flex;
  align-items: center;
  gap: var(--s-4, 16px);
  flex-wrap: wrap;
}

@media (prefers-reduced-motion: reduce) {
  .foot__social a { transition: none; }
}