/**
 * Layout fixes vs Valve CSS when mirror uses <footer id="footer"> (not div#footer)
 * and React login min-widths overflow mid-width viewports.
 */

/* shared-responsive hides div#footer only — React SSR uses <footer id="footer"> */
@media screen and (max-width: 910px) {
  html.responsive footer#footer,
  html.responsive #footer_spacer {
    display: none !important;
  }
}

/* Align mid-band with Valve: clear form min-widths when row already stacks (≤796) */
@media screen and (max-width: 796px) {
  body.login ._2v9dClMg2Lmn8UVv6GUeJt:not(.IN_CLIENT),
  body.login ._3XCnc4SuTz8V8-jXVwkt_s {
    min-width: 0 !important;
  }
}