/* ==========================================================================
   chrome.css — the site header, mega menus, mobile menu, footer and sticky
   Book button. Loads on EVERY page, House v5 and House v6 alike, so it is
   fully namespaced (.cec-chrome / .cec-site-footer) and resets what either
   page layer might change underneath it. Values measured on the live header
   (spike, 8 Sep 2026) and the live Custom CSS.
   ========================================================================== */


/* --- isolation: the chrome renders the same whatever the page CSS does --- */
.cec-chrome, .cec-chrome *, .cec-chrome *::before, .cec-chrome *::after,
.cec-site-footer, .cec-site-footer *, .cec-site-footer *::before, .cec-site-footer *::after { box-sizing: content-box; }
.cec-chrome :is(h1, h2, h3, h4), .cec-site-footer :is(h1, h2, h3, h4) { font-family: 'Urbanist', sans-serif !important; }
.cec-chrome :is(p, li, a, span, div, summary, button),
.cec-site-footer :is(p, li, a, span, div) { font-family: 'Work Sans', sans-serif !important; }
.cec-chrome p, .cec-site-footer p { max-width: none; }
.cec-chrome a, .cec-site-footer a { color: inherit; text-decoration: none; text-underline-offset: auto; }
.cec-chrome img, .cec-site-footer img { max-width: 100%; }
/* live Custom CSS, <=768px: code-block content goes border-box and never overflows */
@media (max-width: 768px) {
  .cec-chrome .sqs-block-code, .cec-site-footer .sqs-block-code { overflow-x: hidden !important; max-width: 100% !important; }
  .cec-chrome .sqs-block-code *, .cec-site-footer .sqs-block-code * { max-width: 100% !important; box-sizing: border-box !important; }
}

/* --- header, mega menus, mobile menu: src/css/header.css (generated from the brain repo: house-v6/header/build.cjs --site), 6 Oct 2026.
   The fixed bar + spacer is gone: the shared header is a sticky in-flow bar, so every page starts directly under it. --- */

/* --- footer -------------------------------------------------------------- */
/* The live footer: one Fluid Engine section holding one Code Block, lifted verbatim
   (src/_shell/footer.html). Its grid needs the same Fluid Engine base as a page section. */
.cec-site-footer { line-height: 1.6em; --sqs-site-gutter: 5vw; --sqs-mobile-site-gutter: 6vw; --sqs-site-max-width: 2026px;
                   background: #0F2B21; color: #BDBCBC; }
.cec-site-footer .page-section { display: flex; flex-direction: column; }
.cec-site-footer .content-wrapper { width: 100%; }
.cec-site-footer .fe-block { position: relative; display: flex; flex-direction: column; min-width: 0; }
.cec-site-footer .fe-block > .sqs-block { display: flex; flex-direction: column; flex: 1 1 auto; }
.cec-site-footer .sqs-block-code { display: flow-root; }

/* --- sticky Book button (live Custom CSS, verbatim values) --------------- */
.cec-sticky-book.cec-chrome { position: fixed; bottom: 24px; left: 24px; z-index: 999; background: #438F73;
  color: #FFFFFF !important; padding: 14px 28px; border-radius: 6px; font-size: .85rem; font-weight: 600;
  text-transform: uppercase; letter-spacing: .02em; line-height: normal; text-decoration: none !important;
  box-shadow: 0 4px 20px rgba(67, 143, 115, .4); transition: background .2s, transform .2s; }
.cec-sticky-book.cec-chrome:hover { background: #2A5E4A; transform: translateY(-2px); }
@media (max-width: 767px) {
  .cec-sticky-book.cec-chrome { bottom: 16px; left: 16px; right: 16px; text-align: center; }
}

.cec-chrome a:focus-visible, .cec-chrome button:focus-visible, .cec-chrome summary:focus-visible,
.cec-site-footer a:focus-visible { outline: 3px solid #438F73; outline-offset: 3px; }

/* House v6 kit pages (layer "kit", tools/import_kit.py, 7 Oct 2026): kit.css styles .ck, which is now a wrapper
   inside <body> (not <body> itself, as in the kit build), so the shell resets the body the kit used to. */
body.layout-kit { margin: 0; background: #fff; }
/* Theme C pages (layer "c", 15 Oct 2026): theme-c.css styles .theme-c, a wrapper inside <body>. */
body.layout-c { margin: 0; background: #fff; }