/* FXCHS V3.43 — centre the complete footer as one unit.
   The earlier two-column grid stretched social and legal links to opposite
   screen edges. Keep the contents compact and centred on all viewports. */
body.fxv2 .fxv2-footer-compact,
html.fxv2-js body.fxv2 .fxv2-footer-compact,
html.fxv2-js body.fxv2 .fxv2-hybrid-enabled .fxv2-footer-compact {
  display:flex!important;
  flex-direction:row!important;
  justify-content:center!important;
  align-items:center!important;
  flex-wrap:wrap!important;
  gap:2px clamp(12px,2.5vw,34px)!important;
  justify-items:center!important;
  text-align:center!important;
}
body.fxv2 .fxv2-footer-compact .fxv2-social-nav,
body.fxv2 .fxv2-footer-compact .fxv2-legal-nav {
  justify-content:center!important;
  flex:0 1 auto!important;
  margin-inline:0!important;
}

/* The list's selected SoundCloud track has a dark green surface; its text
   must not inherit the dark text-fill from the old bright-green treatment. */
body.fxv2 .fxv2-header .fxv318-music-list button[aria-current="true"],
body.fxv2 .fxv2-header .fxv318-music-list button[aria-current="true"] .fxv318-track-title,
body.fxv2 .fxv2-header .fxv318-music-list button[aria-current="true"] .fxv318-index {
  color:#f7fff7!important;
  -webkit-text-fill-color:#f7fff7!important;
}

@media (max-width:760px) {
  body.fxv2 .fxv2-footer-compact,
  html.fxv2-js body.fxv2 .fxv2-footer-compact,
  html.fxv2-js body.fxv2 .fxv2-hybrid-enabled .fxv2-footer-compact {
    flex-direction:column!important;
    gap:3px!important;
  }
}
@media (max-height:490px) and (orientation:landscape) {
  body.fxv2 .fxv2-footer-compact,
  html.fxv2-js body.fxv2 .fxv2-footer-compact,
  html.fxv2-js body.fxv2 .fxv2-hybrid-enabled .fxv2-footer-compact {
    flex-direction:row!important;
    gap:2px 12px!important;
  }
  body.fxv2 .fxv2-footer-compact .fxv2-legal-nav {
    justify-content:center!important;
  }
}
