/* ============================================================
   Mortgage broker demo - bare-chrome overrides.
   This page is a single link handed to a broker and their
   compliance team, not something navigated to from the rest of
   the site - the shared header/footer stay exactly as they are
   in partials/header.html and partials/footer.html (used on
   every other page), and everything below just hides the pieces
   this page doesn't want and re-centres what's left. Scoped to
   body.minimal-chrome so nothing here can leak onto any other
   page. Loads after page.css/vault.css (own <link>, see CLAUDE.md's
   known gotcha on load order), so these win without needing
   !important anywhere.
   ============================================================ */

/* ---- Header: logo only, centred, no nav ------------------------------
   nav-toggle also hidden - with it gone there's no way to open
   .mobile-menu, so that (and its scrim) are left untouched rather than
   also hidden: harmless dead weight, not worth a second selector. */
.minimal-chrome .nav-links,
.minimal-chrome .nav-actions,
.minimal-chrome .nav-toggle {
  display: none;
}
.minimal-chrome .navbar__inner {
  justify-content: center;
}
/* .navbar__logo-link's transform-origin: left center (page.css) is
   correct on every other page - the logo sits at the left end of a row
   next to nav-links, so shrinking toward its own left edge on scroll
   (.navbar.is-scrolled .navbar__logo-link { transform: scale(...) },
   both the desktop and the ≤767px mobile variant) keeps it flush-left
   as the header shrinks. Here the logo is centred instead (no nav-links
   to sit beside), so shrinking from a left-anchored origin visibly
   drags it left the moment the page scrolls - reproduced by scrolling
   past the hero, not visible at rest, which is what made this easy to
   miss the first time. Centring the origin keeps it visually centred
   scaled or not. */
.minimal-chrome .navbar__logo-link {
  transform-origin: center center;
}

/* ---- Footer: left-hand brand block only, centred ---------------------
   .footer-cols (Product/Company/Legal) and .footer-bottom (the
   copyright/registration line) are both dropped - brief was "just the
   left hand column and that's it". */
.minimal-chrome .footer-cols,
.minimal-chrome .footer-bottom {
  display: none;
}
.minimal-chrome .footer-top {
  justify-content: center;
  /* .footer-top's base align-items: flex-start (page.css) is a row-axis
     value - fine while it's a row (desktop), but page.css's own ≤960px
     rule flips it to flex-direction: column without touching
     align-items, so flex-start then means "left-aligned" on the now-
     vertical cross axis instead of "top-aligned" on the horizontal one
     it meant originally. Same trap CLAUDE.md's known gotchas describes
     for exactly this row→column switch; centred here unconditionally
     (not just inside a matching media query) since it's harmless in
     row mode too - .footer-brand is the only child either way. */
  align-items: center;
}
.minimal-chrome .footer-brand {
  align-items: center;
  text-align: center;
  /* .footer-cols and .footer-bottom are both hidden above, so
     .footer-brand is the only thing left in the row - page.css's 400px
     cap was sized for sharing the row with .footer-cols and is now just
     leaving space unused. Matters once the footer tagline="legal"
     override (build.js, page.css's .footer-brand__tagline--centre) is
     in play: that line is long enough to need real width to break after
     "Company No. 15747529" as intended, rather than wrapping a third
     time inside the old 400px column. */
  max-width: none;
}
/* .footer-brand__logo-link's -15.5px margin (page.css) nudges the
   wordmark left so its "B" sits flush with the left-aligned strapline/
   paragraph below it - exactly the alignment centring removes the need
   for, and left in place it would instead skew the logo off-centre
   from everything else in this now-centred column. */
.minimal-chrome .footer-brand__logo-link {
  margin-left: 0;
}