/* footer.css — the shared footer of every landing page (APP_FONTS_20261023, owner prompt ADK, D + G).
   Was an inline-styled <footer> repeated on five pages. Matches the casino web app: body Inter,
   link labels Oswald 600 uppercase tracked, the app's ink / gold tokens. Fonts: fonts-app.css.
   On phones every link is a 44 px tap target.
   FOOTER_BAND_ADQ_20261024 (owner prompt ADQ, A2): the footer is its own solid full-width band (the app's
   bg-deep, a gold hairline on top) and never shows the photo behind it. It no longer pads itself for the
   fixed ticker: /assets/player.js reserves the ticker + docked radio + safe area as body padding. */
.site-footer {
    --sf-ink-dim: 201 168 154; --sf-gold: 240 192 96; --sf-teal: 63 224 207;
    position: relative; z-index: 30; width: 100%; margin: 30px 0 0; box-sizing: border-box;
    padding: 22px max(20px, calc((100% - 880px) / 2)) 30px;
    background: rgb(26 16 24); border-top: 1px solid rgb(var(--sf-gold) / .4);
    font-family: 'Inter', system-ui, sans-serif; font-size: 13px; line-height: 1.7; text-align: center;
    color: rgb(var(--sf-ink-dim)); }
.site-footer .sf-links { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 2px 18px; margin: 0 0 6px; }
.site-footer a { font-family: 'Oswald', sans-serif; font-weight: 600; font-size: 13px; letter-spacing: .1em; text-transform: uppercase;
    color: rgb(var(--sf-gold)); text-decoration: none; transition: color .2s cubic-bezier(.16,1,.3,1); }
.site-footer a:hover, .site-footer a:focus-visible { color: rgb(var(--sf-teal)); }
.site-footer .sf-note { margin: 8px 0 0; font-size: 13px; }
@media (max-width: 600px) {
    .site-footer .sf-links { gap: 0 4px; }
    .site-footer a { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; min-width: 44px; padding: 0 10px; }
    .site-footer .sf-note { font-size: 14px; }
}