/* mobile-audit-fixes P2 — overflow sheet (the main sheet hit the 450-line check_code_quality cap).
   Linked AFTER the main sheet so these rules win the cascade. Mobile-only via @media unless noted. */

/* [mobile] Xavier launcher POSITION — the draggable launcher is positioned from global coords stored
   as inline vars --xavier-left/--xavier-top (~216/690 via .is-dragged). Those fixed coords land the
   collapsed orb OVER page content on non-map pages (e.g. the pricing tier card, covering the feature
   list). CSS !important on the vars beats the inline vars; pinning them to a responsive bottom-right
   corner repositions the orb consistently on EVERY page (verified: explicit values reposition, `auto`
   does not). Covers site-guide (marketing) + room-chat (room) launchers. */
@media (max-width:720px){
  html body.ovh .site-guide-launch-row,
  html body.ovh .site-guide-launch-row.is-dragged,
  html body.ovh .room-chat-launch-row,
  html body.ovh .room-chat-launch-row.is-dragged{
    --xavier-left:calc(100vw - 62px) !important;
    --xavier-top:calc(100vh - 64px) !important;
    z-index:120 !important;
  }
}

/* [mobile] E4 — footer nav (.site-foot .ft-nav.ft-main) was WRAPPING to 2 rows ("stacked" -
   Philip). Make it ONE horizontal row (scroll if needed), not a wrapped stack. */
@media (max-width:720px){
  html body.ovh .site-foot .ft-nav.ft-main{
    flex-wrap:nowrap !important;overflow-x:auto !important;justify-content:center !important;
    gap:14px !important;-webkit-overflow-scrolling:touch !important;
  }
  html body.ovh .site-foot .ft-nav.ft-main > *{flex:0 0 auto !important;white-space:nowrap !important;}
}

/* [mobile] E8 — collapsed Xavier launcher = ORB ONLY (kill the empty pill-tail). The armor
   `.site-guide:not(.is-open) .site-guide-launch{min-width:158px}` (spec 0,5,2) forced the 158px
   pill; mirror that exact context + double-class to out-specify. Room variant too. Copy hidden;
   only the :not(.is-open) collapsed state is touched so click-to-expand still opens the chat. */
@media (max-width:720px){
  html body.ovh.report-body .site-guide:not(.is-open) .site-guide-launch.site-guide-launch,
  html body.ovh.room-body main.room-page .room-chat-launch-row .room-chat-launch.room-chat-launch{
    width:44px !important;min-width:44px !important;max-width:44px !important;gap:0 !important;padding:5px !important;overflow:hidden !important;}
  html body.ovh.report-body .site-guide:not(.is-open) .site-guide-launch-copy.site-guide-launch-copy,
  html body.ovh.room-body main.room-page .room-chat-launch-row .room-chat-launch .room-chat-launch-copy.room-chat-launch-copy{display:none !important;width:0 !important;}
  html body.ovh.report-body .site-guide:not(.is-open) .site-guide-launch-row.site-guide-launch-row,
  html body.ovh.room-body main.room-page .room-chat-launch-row.room-chat-launch-row{width:auto !important;min-width:0 !important;max-width:max-content !important;}
}

/* [mobile] P1/G1 — STATIC topstrip (.topstrip-static on pricing/about/faq/home) never got the
   React nav-collapse, so the nav links (.meta.top-nav) overflowed vertically off the right. Hide
   the nav on mobile so the header collapses to brand + Access Key, consistent with the report. */
@media (max-width:720px){
  html body.ovh .topstrip.topstrip-static .topstrip-inner .meta.top-nav.top-nav,
  html body.ovh .topstrip.topstrip-static .topstrip-inner nav.meta.top-nav,
  html body.ovh .topstrip-static .topstrip-mainline .meta.top-nav{display:none !important;}
}