/* ABCC Global Footer/Header Styles — loads on ALL pages (footer/header render sitewide) */
:root {
  --hf-ink:#101B3D;
  --hf-ink-soft:#5B6B85;
  --hf-gold:#C9A227;
  --hf-gold-l:#DBBB4E;
  --hf-radius-sm:8px;
  --footer-ink:var(--hf-ink);
  --footer-ink-soft:var(--hf-ink-soft);
}
.footer-social { display:grid; grid-template-columns:repeat(8, 1fr); grid-auto-rows:1fr; column-gap:10px; row-gap:24px; margin-top:20px; align-items:stretch; }
.footer-social .fs-item { display:flex; flex-direction:column; align-items:center; justify-content:flex-start; width:100%; height:100%; min-width:0; }
.footer-social .fs-item a { width:34px; height:34px; border-radius:var(--hf-radius-sm); background:rgba(255,255,255,0.65); border:1px solid rgba(16,27,61,0.14); display:flex; align-items:center; justify-content:center; color:var(--footer-ink); text-decoration:none; font-size:1rem; transition:all .2s; box-shadow:0 2px 8px rgba(16,27,61,0.05); flex-shrink:0; }
.footer-social .fs-item a:hover { background:var(--hf-gold-l); border-color:var(--hf-gold-l); color:#fff; transform:translateY(-3px); box-shadow:0 14px 28px -10px rgba(16,27,61,0.18), 0 6px 16px rgba(201,162,39,0.35); }
.footer-social .fs-item .fs-name { display:block; max-width:100%; margin-top:auto; padding-top:6px; font-family:'Inter',sans-serif; font-size:clamp(7.2px, 1.02vw, 10.2px); font-weight:600; line-height:1.25; letter-spacing:0; text-align:center; white-space:normal; word-break:normal; overflow-wrap:break-word; color:var(--footer-ink); }
@media (max-width:900px) { .footer-social { grid-template-columns:repeat(4, 1fr); } }
@media (max-width:479px) { .footer-social { grid-template-columns:repeat(4, 1fr); column-gap:8px; row-gap:20px; } .footer-social .fs-item a { width:30px; height:30px; } .footer-social .fs-item .fs-name { font-size:clamp(6.6px, 2.1vw, 8.6px); } }