/* ===========================================================================
   theme.css — shared footer for the marketing site.

   2026-09-10 (Chris: "we are getting non standard footers over the website").
   Every top-level page defined its own footer CSS (border color, padding,
   font-size) and its own --border/--faint tokens inline, and both had
   drifted independently — index.html used 34px padding and 13px text where
   every other page used 40px/13.5px, tour.html used a different class name
   (.site-footer) with hardcoded rgba colors instead of any variable at all,
   and the --border/--faint values themselves varied page to page (e.g.
   #27272a vs #2a2a2f vs #2b2b30). Two pages had also drifted their actual
   footer nav LINKS out of sync: apps.html was missing Tour; contact.html was
   missing Templates and Languages.

   This file is the fix: the footer's structural CSS and its two tokens live
   here once, linked from every page's <head>, instead of re-declared (and
   re-drifting) in each page's own inline <style>.

   Deliberately NOT centralised here: --bg, --text, --muted, --accent, and
   other tokens that shape a whole page's look, not just its footer. Several
   pages hold those at genuinely different shades on purpose (index.html's
   hero is closer to pure black/white than the inner pages); unifying them
   would be a site-wide recolor, not a footer fix, and nobody asked for that.
   The footer's own background still reads each page's own --bg, so it always
   sits flush with that page rather than showing a seam at a fixed shade.

   Scope: applied to the 13 top-level English pages first. The ~26 translated
   locale copies under website/<lang>/ have the same drift and are a planned
   follow-up pass — same fix, applied once the English pages are verified live,
   rather than one scripted sweep across ~230 files sight-unseen.
   =========================================================================== */

:root {
  --border: #27272a;
  --faint:  #71717a;
}

footer {
  border-top: 1px solid var(--border);
  padding: 40px 0;
  color: var(--faint);
  background: var(--bg);
  font-size: 13.5px;
}
footer .wrap {
  max-width: var(--maxw, 1160px);
  margin: 0 auto;
  padding: 0 28px;
}
.foot-inner {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}
.foot-links {
  display: flex;
  align-items: center;
  gap: 22px;
  flex-wrap: wrap;
}
/* The nav link list itself (in each page's HTML, not here) is now the exact
   same 9 links on every page, including a link back to whatever page you're
   already on — some pages used to omit the current page's own link and some
   didn't, which was its own inconsistency. Always showing the full list
   means there's one block to keep identical, not nine variants to track. */
footer a { color: inherit; text-decoration: none; }
footer a:hover { color: var(--text, #fff); }

/* Build info line — commit + build time, stamped at commit time by
   scripts/build-website-footer-info.mjs into assets/build-info.js (the same
   generated-file pattern as tour-copy.js). Falls back to nothing if that
   script hasn't been run, rather than showing a broken placeholder. */
.foot-build { color: var(--faint); }