/* Approved footer C. Shared by every route in the arena shell. */
.ha-footer-wrap { margin-top:52px; container-type:inline-size; }
.ha-site-footer { --footer-muted:var(--txt-mute,#7e8b98); width:100%; border-top:1px solid rgba(232,192,122,.17); color:var(--txt); font:400 12px/1.6 var(--font); text-align:center; }
.ha-site-footer a { color:inherit; text-decoration:none; }
.ha-site-footer a:focus-visible { outline:2px solid var(--green); outline-offset:5px; border-radius:5px; }
.ha-site-footer a:hover { color:#fff; }
.ha-footer-main { display:flex; align-items:center; flex-direction:column; gap:12px; padding:30px 0 12px; }
.ha-footer-brand { display:flex; flex:none; }
.ha-footer-brand img { display:block; width:100px; height:auto; }
.ha-footer-links { display:flex; align-items:center; justify-content:center; gap:32px; }
.ha-footer-links>a { display:flex; align-items:center; gap:9px; min-height:44px; white-space:nowrap; font-size:12px; font-weight:500; color:var(--txt-dim); transition:color .15s; }
.ha-footer-link-icon { display:flex; align-items:center; justify-content:center; width:19px; height:22px; flex:none; color:var(--footer-muted); }
.ha-footer-link-icon svg { width:17px; height:17px; }
.ha-footer-link-icon img { width:19px; height:19px; }
.ha-footer-bottom { display:flex; align-items:center; flex-direction:column; gap:16px; padding:0 0 26px; }
.ha-footer-market { display:flex; align-items:center; justify-content:center; flex-wrap:wrap; gap:14px; }
.ha-footer-market-label { display:flex; align-items:center; gap:7px; border-right:1px solid rgba(255,255,255,.1); padding-right:14px; color:var(--footer-muted); font-size:10px; white-space:nowrap; }
.ha-footer-market-label i { width:5px; height:5px; border-radius:50%; background:var(--footer-muted); }
.ha-footer-market-label[data-live="true"] i { background:var(--green); }
.ha-footer-prices { display:flex; align-items:center; flex-wrap:wrap; justify-content:center; gap:4px 20px; }
.ha-footer-price { display:inline-flex; align-items:center; flex-wrap:wrap; gap:6px; min-height:36px; font-size:11px; font-variant-numeric:tabular-nums; white-space:nowrap; }
.ha-footer-price img { width:17px; height:17px; object-fit:contain; }
.ha-footer-price>span { color:var(--footer-muted); font-weight:500; }
.ha-footer-price b { color:#dfe5ec; font-size:11px; font-weight:500; }
.ha-footer-price small { font-size:9px; color:#b6a888; }
.ha-footer-price small:empty { display:none; }
.ha-footer-price[data-status="unavailable"] b { color:var(--footer-muted); }
.ha-footer-copyright { color:var(--footer-muted); font-size:10px; }
.ha-footer-copyright>span { margin:0 6px; opacity:.6; }
@container(max-width:500px) {
  .ha-footer-links { gap:22px; }
  .ha-footer-links>a { gap:6px; font-size:11px; }
  .ha-footer-link-icon { width:17px; }
  .ha-footer-link-icon svg { width:15px; height:15px; }
  .ha-footer-bottom { gap:20px; }
  .ha-footer-market { flex-direction:column; width:100%; max-width:320px; gap:16px; }
  .ha-footer-market-label { justify-content:center; width:100%; border:0; padding:0; }
  .ha-footer-prices { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); width:100%; gap:12px; }
  .ha-footer-price { display:grid; grid-template-columns:17px auto; align-content:start; justify-content:center; gap:4px 5px; font-size:10px; white-space:normal; }
  .ha-footer-price img { width:15px; height:15px; }
  .ha-footer-price b { grid-column:1/-1; text-align:center; white-space:nowrap; }
  .ha-footer-price small { grid-column:1/-1; }
  .ha-footer-copyright { font-size:9px; }
}
@container(max-width:280px) {
  .ha-footer-links { gap:12px; }
  .ha-footer-prices { gap:8px; }
  .ha-footer-price { grid-template-columns:15px auto; column-gap:4px; }
  .ha-footer-price b { font-size:9px; }
}
@media(prefers-reduced-motion:reduce) { .ha-footer-links>a { transition:none; } }
