/* cc-shell.css
   Applied to pages converted onto the shared header and footer.

   The shared header is position:fixed. The redesign pages were built with hero
   padding that already clears it; the older pages were not, so their first
   section would sit underneath it. This adds that clearance once rather than
   editing every page, and it is the only thing this file does.

   It also retires the styling the old page-level header and footer carried, so
   a stale rule cannot fight the shared shell after the markup is gone. */
body.cc-shell { padding-top: clamp(70px, 8.5vh, 90px); }

/* Old page-level chrome, now replaced by the shared partials. Anything still
   matching these is a leftover and should not paint. */
body.cc-shell > header.site,
body.cc-shell .header-actions,
body.cc-shell .brand-mark,
body.cc-shell .brand-text { display: none; }

/* The old footer defined its own link colour against a different ground. */
body.cc-shell footer a { color: #C9A227; }
body.cc-shell footer a:hover { color: #E0BC4A; }

/* ---- Bringing the older pages onto the home page's palette and type ----

   Every legacy page declares the same design tokens in :root, so the whole
   family can be moved onto the home page's values here instead of editing
   twenty-five files. Role maps to role: ground to ground, raised surface to
   raised surface, so the relationships that made those pages readable survive.

   The home page's near-black was actually a warm forest green, its gold was
   warmer, and its body face is Jost rather than Outfit. Those three are what
   made the older pages read as a different site.

   --green is deliberately left alone. It is the brand green used for accents
   and buttons, not a ground colour, and the redesign uses it the same way.

   Scoped to .cc-dark. The RV booking page is a light interface built on
   --canvas and is not in this family; recolouring it is a separate decision. */
body.cc-dark {
  /* Used as a page ground AND as the label colour on gold buttons, so it has
     to stay a solid dark that reads on gold. The redesign uses #16301F for
     exactly that; this is a half step deeper so grounds still layer. */
  --forest-deep: #102417;
  --forest:      #16301F;
  --forest-up:   #1E4029;
  --gold:        #C9A227;
  --gold-light:  #E0BC4A;
  --bone:        #F5F1E4;
  --line:        rgba(201,162,39,0.22);
  --body:        'Jost', 'JostFallback', system-ui, sans-serif;
  background: #16301F;
}
body.cc-dark, body.cc-dark p, body.cc-dark li, body.cc-dark td {
  font-family: 'Jost', 'JostFallback', system-ui, sans-serif;
}

/* ---- The chat launcher and the bottom CTA bar were sharing a corner ----

   Sixteen pages show a fixed full-width call-to-action bar at the bottom, but
   only below 740px. The chat launcher is fixed at bottom:18px right:18px with
   a z-index of 2147483000, so on a phone it sat directly on top of the right
   hand end of that bar, over the button. The bar is the primary call to action
   on those pages and the launcher was covering it.

   Pages that show the bar carry .cc-stickybar, so the launcher is lifted only
   where there is something to clear. A body class rather than :has() so it does
   not depend on selector support to avoid covering a button. */
@media (max-width: 740px) {
  body.cc-stickybar #cnc-chat-btn { bottom: 82px; }
  body.cc-stickybar #cnc-chat     { bottom: 148px; max-height: calc(100vh - 210px); }
}

/* ---- Booking page: the step rail was measured against a nav that is gone ----

   rv/index.html carried its own sticky nav at z-index 100. The shared header is
   fixed at z-index 50, so once the page scrolled the old light bar rendered on
   top of the new one and the site had two navigation bars fighting for the top
   of the screen. The old one held a logo and a Home link, both of which the
   shared header does better, so it was removed.

   Its step rail was pinned at top:67px, the height of that old bar. Without
   this it would stick underneath the shared header and the step you are on
   would be hidden. The value matches the body clearance above. */
body.cc-shell .step-rail { top: clamp(70px, 8.5vh, 90px); }