/* footer-social.css - shared footer social block (item 13517653474, 2026-11-10)
   Sits under the logo + tagline inside .footer__brand. 44px targets, brand glyphs,
   accent on hover. Theme per site via --fsoc-hover / --fsoc-hover-ink on :root. */
.site-footer .footer__brand .footer__social,
.site-footer .footer__social.fsoc {
  display: flex; flex-wrap: wrap; justify-content: center; align-items: center;
  gap: 10px; margin: 1.1rem auto 0; padding: 0; line-height: 0; width: 100%;
}
.site-footer .footer__social a {
  flex: 0 0 44px; width: 44px; height: 44px; min-width: 44px; min-height: 44px;
  margin: 0; padding: 0; border-radius: 12px; display: grid; place-items: center;
  background: rgba(255,255,255,.10); border: 0; box-shadow: none; color: #fff;
  transition: background .2s ease, color .2s ease, transform .2s ease;
}
.site-footer .footer__social a:hover,
.site-footer .footer__social a:focus-visible {
  background: var(--fsoc-hover, #fff); color: var(--fsoc-hover-ink, #0b1d2e); transform: translateY(-2px);
}
.site-footer .footer__social a:focus-visible { outline: 2px solid var(--fsoc-hover, #fff); outline-offset: 3px; }
.site-footer .footer__social svg { width: 20px; height: 20px; fill: currentColor; display: block; margin: 0; }
.site-footer .footer__social a:hover svg, .site-footer .footer__social a:focus-visible svg { fill: currentColor; }
@media (prefers-reduced-motion: reduce) { .site-footer .footer__social a { transition: none; transform: none !important; } }

:root { --fsoc-hover: #C3A661; --fsoc-hover-ink: #0E2438; }