/* ==========================================================================
   Airmail shell around not-yet-redesigned public pages (layouts.public).
   Bootstrap + ticketing.css still style the page content; this file keeps
   the shell (top bar, tab bar, sponsors, footer) looking the same as on the
   redesigned pages, and moves the old content onto the new body font.
   ========================================================================== */

body.am-legacy {
    --bs-body-font-family: var(--am-font-body);
    --bs-font-sans-serif: var(--am-font-body);
    font-family: var(--am-font-body);
    color: var(--am-ink);
    background: var(--am-paper);
}

/* shell text and links keep their own colours over Bootstrap's link blue */
.am-legacy .am-topbar,
.am-legacy .am-tabbar,
.am-legacy .am-footer { color: var(--am-cream); line-height: 1.6; }
.am-legacy .am-topbar a,
.am-legacy .am-topbar a:hover { color: var(--am-cream); }
.am-legacy .am-topbar__nav a { color: var(--am-cream-muted); }
.am-legacy .am-topbar__nav a:hover { color: var(--am-cream); }
.am-legacy .am-topbar__nav a[aria-current="page"] { color: var(--am-gold); }
.am-legacy .am-lang a { color: var(--am-cream-muted); }
.am-legacy .am-lang a[aria-current="true"] { color: var(--am-ink); }
.am-legacy .am-tabbar a { color: var(--am-cream-faint); }
.am-legacy .am-tabbar a[aria-current="page"],
.am-legacy .am-tabbar a:hover { color: var(--am-cream); }

/* Bootstrap's list, paragraph and heading spacing stays out of the shell */
.am-legacy .am-tabbar ul,
.am-legacy .am-footer ul,
.am-legacy .am-sponsors__track { list-style: none; margin: 0; padding: 0; }
.am-legacy .am-footer p { margin-bottom: 0; }
.am-legacy .am-footer h2 { line-height: 1.6; }
.am-legacy .am-footer img,
.am-legacy .am-topbar img { vertical-align: baseline; }

/* old page heroes sit directly under the navy top bar */
.am-legacy .tt-content-hero { background: var(--am-paper-2); }

/* the translucent bars are tuned for the navy hero; over light pages they turn grey, so make them solid */
.am-legacy .am-topbar { background: var(--am-navy-900); }
.am-legacy .am-tabbar { background: var(--am-navy-950); }