/* ============================================================================
 * md-bridge.css — joins the new JMC design system (site.css) to the pages that
 * are still on the old theme. Loaded AFTER site.css. Delete it once every
 * section has been migrated.
 * ========================================================================== */

/* 1. The old theme's buttons size themselves through their own modifiers.
      site.css gives every .btn a 240px floor, which blows those out, so the
      old modifiers opt back out. New buttons use btn--double-dash and keep it. */
.btn.btn-very-small,
.btn.btn-small,
.btn.btn-medium,
.btn.btn-large,
.btn.btn-extra-large { min-width: 0; }

/* 2. The new header is fixed. Pages that do not open with a full-bleed hero
      need that height back, or their first section hides underneath it. */
.md-header-spacer { height: var(--header-h); }

/* 3. The old theme centres its page titles inside a dark band; keep the new
      header legible over it until those bands are replaced. */
.header--over .header__brand .brand-name,
.header--over .header__nav a,
.header--over .header__nav .mega-btn { color: #fff; }

/* 4. The phone button is a glass pill designed to sit over photography. On the
      solid white header of an inner page it disappears, so give it a face. */
.header--solid .header__actions .btn--glass-light {
  background: var(--bg-2);
  border-color: var(--line);
}
.header--solid .header__actions .btn--glass-light:hover {
  background: var(--bg-3);
}