/* Loading skeletons for the @adc/ui Module Federation nav/footer. Shared across every migrated NewPublic master; the to this file is emitted (render-blocking, near the top of ) by NewPublicSite.SkeletonSupportElement. Mirrors the real components' layout/tokens (packages/ui: nav-bar/NavBar.tsx, footer/Footer.tsx, tailwind.css). */ .adc-skel,.adc-skel *{box-sizing:border-box} /* Sticky footer: on short pages (e.g. a single-field LCP wizard step) the legacy masters leave a gap of white page background below the footer instead of the footer sitting flush with the bottom of the viewport. body is the one element common to every migrated master (ADC.Master's `.site` wrapper > `form.formNewPublic`, CLS_Template_NEW.Master's bare `
`), so stretching body + its single real child to the viewport height and giving the footer (or its skeleton) an auto top-margin pushes it to the bottom on short pages without affecting tall ones, regardless of the master's inner DOM shape. Only loaded on MF-enabled pages (this file is gated on HasCommonMfHost), so it can't affect legacy pages. */ html{height:100%} body{display:flex;flex-direction:column;min-height:100vh} /* craftOverrides.css ships `div.site{position:absolute;top:0}` for the OLD fixed top nav (still used on non-MF pages). `flex`/`flex-grow` have no effect on an absolutely positioned element, so on MF pages that rule silently defeats the sticky-footer flex chain below: `.site` sized to its own content instead of the viewport, leaving a gap of bare `body` background under the footer on short pages (e.g. get_started/finddealer_wizard.aspx). The new NavBar/skeleton nav is itself `position:fixed`, so `.site` no longer needs to be taken out of flow to clear it — same margin-top offset, but back in normal flow. */ body>.site{position:static} /* main.css ships a global `form{margin:auto}` reset. Auto left/right margins on a flex item suppress cross-axis stretch (per the flexbox spec) and shrink the item to fit its own content width instead, then center it via the auto margins - so without this override, body>form (and .site>form.formNewPublic) become a narrower, horizontally CENTERED column instead of stretching edge-to-edge, leaving white gutters on both sides of the nav/footer on every MF page (visible in the nav bar and footer background). */ body>.site,body>form{display:flex;flex-direction:column;flex:1 0 auto;margin:0} .site>form.formNewPublic{display:flex;flex-direction:column;flex:1 0 auto;margin:0} /* NavBar.tsx's root
is position:fixed, so [data-adc-mf="nav"] (its placeholder) collapses to 0 height and the content right after it renders underneath the fixed bar. Reserve --nav-h here once for every migrated master instead of each page adding its own offset. get_started's LcpMfSite pages already compensate for this via their own margin-top on their content wrapper, so they explicitly zero this out (see those pages' own