/* Official social links; inherit the storefront's charcoal/red palette and typography. */
.g82k-social { display:flex; flex-wrap:wrap; align-items:center; justify-content:center; gap:10px; margin:30px 0 24px; padding-top:24px; border-top:1px solid #555; }
.g82k-social-label { flex-basis:100%; margin-bottom:4px; color:#eee; text-align:center; font-size:13px; font-weight:600; letter-spacing:.04em; }
.site-footer .g82k-social-link { display:grid; place-items:center; width:44px; height:44px; margin:0; border:1px solid #737373; border-radius:50%; color:#fff; background:transparent; transition:background .18s, border-color .18s, transform .18s; }
.g82k-social-link svg { width:21px; height:21px; }
.g82k-whatsapp { position:fixed; z-index:55; right:max(16px, env(safe-area-inset-right)); bottom:90px; display:grid; place-items:center; width:52px; height:52px; border:1px solid #168345; border-radius:50%; color:#fff; background:#116b3a; box-shadow:0 4px 16px #0003; transition:background .18s, transform .18s; }
.g82k-whatsapp svg { width:28px; height:28px; }
.g82k-whatsapp-obscured { visibility:hidden; pointer-events:none; }
.g82k-social-link:focus-visible, .g82k-whatsapp:focus-visible { outline:3px solid #fff; outline-offset:3px; box-shadow:0 0 0 6px #111; }
@media (hover:hover) {
  .site-footer .g82k-social-link:hover { background:var(--red, #d8252e); border-color:var(--red, #d8252e); transform:translateY(-2px); }
  .g82k-whatsapp:hover { background:#0a522a; transform:translateY(-2px); }
}
.site-footer .g82k-social-link:active, .g82k-whatsapp:active { transform:scale(.95); }
@media (prefers-reduced-motion:reduce) {
  .site-footer .g82k-social-link, .g82k-whatsapp { transition:none; transform:none; }
}

/* Keep official accounts available where legacy mobile styles hide the footer. */
.site-footer { display:block; }

/* Brand silhouettes must not inherit the general UI icon stroke. */
.g82k-social-link svg, .g82k-whatsapp svg { fill:currentColor; stroke:none; }