/*! Stake-Only | (c) 2026 Kcalb Ltd. All rights reserved. | Powered by KcalbApp | https://kcalbapp.com */
.site-footer { position: relative; z-index: 2; width: 100%; padding: 28px 24px; background: var(--background-overlay); border-top: 1px solid var(--color-border); backdrop-filter: blur(18px); }
.site-footer-inner { display: flex; flex-direction: column; align-items: center; gap: 14px; width: min(100%,1600px); margin: 0 auto; }
.site-footer-social { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 10px; }
.site-footer-social-link { display: inline-flex; align-items: center; justify-content: center; width: 34px; height: 34px; color: var(--color-text-muted); text-decoration: none; background: var(--color-row-bg-soft); border: 1px solid var(--color-border-soft); border-radius: var(--radius-10); transition: 250ms; }
.site-footer-social-link svg { display: block; width: 16px; height: 16px; }
.site-footer-social-link:hover { color: var(--color-text); background: var(--color-purple-hover-bg); border-color: var(--color-purple-hover-border); transform: translateY(-2px); }
.site-footer-copyright { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 4px; color: var(--color-text-faint); font-size: var(--font-size-13); line-height: var(--line-height-1-5); text-align: center; }
.site-footer-copyright a { color: var(--color-text-muted); text-decoration: none; transition: color 200ms; }
.site-footer-copyright a:hover { color: var(--color-text); }
@media (max-width: 480px) {
  .site-footer { padding: 20px 14px; }
  .site-footer-social { gap: 8px; }
  .site-footer-copyright { font-size: var(--font-size-12); }
}


.footer-legal-bar { display: flex; justify-content: center; align-items: center; gap: 10px; padding: 10px 0 8px; margin-top: 12px; border-top: 1px solid var(--color-border-soft); }
.footer-legal-link { color: var(--color-text-muted); font-size: var(--font-size-12); text-decoration: none; }
.footer-legal-link:hover { color: var(--color-text); }
.footer-legal-dot { color: var(--color-border-soft); font-size: var(--font-size-12); }
@media (max-width: 560px) {
  .site-footer-copyright > span:nth-of-type(4) { flex-basis: 100%; height: 0; overflow: hidden; }
}