/* Navy & Champagne brand layer over the legacy CMS pages (CADMORE_AGENTS.md).
   Loaded after legacy.css. `.legacy.legacy` outranks legacy.css's `.legacy x`
   rules without !important. Typography and colour only: page structure and
   legal copy are untouched. */
.legacy.legacy {
  /* Re-theme the old site's variables (cad.css) at the source. */
  --primary: #8a4138;
  --primary-hover: #7a3a32;
  --secondary: #ffffff;
  --secondary-hover: #f0ece0;
  --off-white: #faf5e8;
  --icon-color: #8a4138;
  --icon-hover: #86691f;
  --link-color: #8a4138;
  --link-hover: #86691f;
  --header: #8a4138;
  --navbar: #8a4138;
  --footer: #8a4138;
  --homepage-background: #faf5e8;
  --auction-page-background: #faf5e8;
  --standing-page-background: #faf5e8;
  --page-background: #faf5e8;
  --border-color: #e0e0e0;
  --search-border: #e8dfc8;
  --tab-border: #e0e0e0;
  --auction-tab-background: #f0ece0;
  --auction-tab-hover: #e0e0e0;
  --dropdown-hover: #f0ece0;
  --danger: #a13f45;
  --danger-hover: #8a353a;
  --title-font: var(--font-serif);
  --button-font-size: 0.8125rem;
  --body-font: var(--font-sans);
  font-family: var(--font-sans);
  color: #292929;
  background-color: #faf5e8;
  font-size: 16px;
  line-height: 1.6;
}
.legacy.legacy h1, .legacy.legacy h2, .legacy.legacy h3,
.legacy.legacy .page-title, .legacy.legacy .auction-title {
  font-family: var(--font-serif);
  font-weight: 500;
  color: #8a4138;
  letter-spacing: -0.005em;
}
.legacy.legacy h4, .legacy.legacy h5, .legacy.legacy h6 {
  font-family: var(--font-sans);
  color: #292929;
}
.legacy.legacy .page-title strong { font-weight: 500; }
.legacy.legacy a { color: #8a4138; }
.legacy.legacy a:hover, .legacy.legacy a:focus { color: #86691f; }
.legacy.legacy p, .legacy.legacy li { color: #292929; }

/* Buttons: primary navy, secondary navy outline (brief §11). */
.legacy.legacy .btn {
  border-radius: 3px;
  min-height: 44px;
  padding: 11px 22px;
  font-family: var(--font-sans);
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  box-shadow: none;
}
.legacy.legacy .btn-primary, .legacy.legacy .btn-cta {
  color: #fff;
  background-color: #8a4138;
  border-color: #8a4138;
}
.legacy.legacy .btn-primary:hover, .legacy.legacy .btn-primary:focus,
.legacy.legacy .btn-cta:hover, .legacy.legacy .btn-cta:focus {
  color: #fff;
  background-color: #7a3a32;
  border-color: #7a3a32;
}
.legacy.legacy .btn-success, .legacy.legacy .btn-default {
  color: #8a4138;
  background-color: transparent;
  border: 1px solid #8a4138;
}
.legacy.legacy .btn-success:hover, .legacy.legacy .btn-default:hover {
  color: #fff;
  background-color: #8a4138;
}

/* Forms */
.legacy.legacy .form-control {
  min-height: 44px;
  border-radius: 3px;
  border-color: #e8dfc8;
  font-size: 16px;
  box-shadow: none;
}
.legacy.legacy .form-control:focus { border-color: #8a4138; outline: 2px solid #8a4138; outline-offset: 1px; }

/* Status text: muted rather than the old orange/green. */
.legacy.legacy .text-warning, .legacy.legacy .text-success { color: #666666; }

/* Past Auctions list (render.ts pastAuctionsHtml) */
.legacy.legacy .auction-closed .fav-container {
  background: #fff;
  border: 1px solid #e0e0e0;
  border-radius: 3px;
  margin-bottom: 16px;
  padding: 16px;
}
.legacy.legacy .auction-title { font-size: 22px; line-height: 1.25; margin: 0 0 6px; }
.legacy.legacy .auction-title a { color: #8a4138; }
.legacy.legacy .auction-departments { font-size: 14px; color: #666666; margin: 0 0 8px; }
.legacy.legacy .auction-summary, .legacy.legacy .auction-summary a {
  font-size: 12px; font-weight: 600; letter-spacing: 0.14em; text-transform: uppercase; color: #86691f;
}
.legacy.legacy .auction-summary em { font-style: normal; }
.legacy.legacy .auction-date, .legacy.legacy .auction-venue { font-size: 14px; color: #292929; font-weight: 400; }
.legacy.legacy .auction-venue { color: #666666; }
.legacy.legacy .auction-closed img { background: #f0ece0; border-radius: 3px; object-fit: contain; aspect-ratio: 1 / 1; }

/* Breadcrumbs */
.legacy.legacy .breadcrumb { background: transparent; font-size: 13px; color: #666666; }

/* The summary line and its link inherit the old serif; keep it on Inter. */
.legacy.legacy .auction-summary, .legacy.legacy .auction-summary a, .legacy.legacy .auction-summary em { font-family: var(--font-sans); }
.legacy.legacy .auction-closed .fa-wifi { color: #d4af37; }

/* Contrast (axe, WCAG AA): legacy greys and faded links up to the muted token. */
.legacy.legacy h6, .legacy.legacy small, .legacy.legacy .text-muted,
.legacy.legacy .auction-venue, .legacy.legacy .catalogue-time { color: #666666; opacity: 1; }
.legacy.legacy .auction-summary, .legacy.legacy .auction-summary a { color: #86691f; opacity: 1; }
.legacy.legacy .auction-date { color: #292929; opacity: 1; }
/* legacy.css dims closed auctions to 70% opacity, which takes their text below
   AA. The "Closed" label carries the state instead. */
.legacy.legacy .auction-closed { opacity: 1; }
/* Links inside running text must not rely on colour alone (WCAG 1.4.1). */
.legacy.legacy p a, .legacy.legacy li a, .legacy.legacy td a {
  text-decoration: underline;
  text-underline-offset: 2px;
}

/* Even line lengths on headings; no one-word last lines in paragraphs. */
.legacy.legacy h1, .legacy.legacy h2, .legacy.legacy h3, .legacy.legacy h4,
.legacy.legacy h5, .legacy.legacy h6, .legacy.legacy .page-title { text-wrap: balance; }
.legacy.legacy p, .legacy.legacy li { text-wrap: pretty; }

/* Department tiles (/departments): the label sits in a white box with the
   brand colour, not white text over a dark wash. The pictures stay as
   photographed (Cadmore, 16 Oct: "the images are a bit dark"). 6.7:1. */
.legacy .gridBoxText.contrast-text-box{background:rgba(255,255,255,.94);color:#8a4138;font-weight:500;border-radius:3px;box-shadow:0 1px 2px rgba(0,0,0,.18)}
.legacy .gridBoxContainer img{filter:none}
/* Page banners on the department pages: lift the mid-tones a little so the
   dark header photographs read; a new set of banners is coming from Cadmore. */
.legacy .pageHeader.pageHeaderWithImage .pageHeaderImage img{filter:brightness(1.12) contrast(.96)}

/* "Browse <department> in the current sale" under a department's text. */
.legacy .department-browse{margin:0 0 28px}
.legacy .department-browse a{display:inline-flex;align-items:center;min-height:48px;padding:0 28px;background:#8a4138;color:#fff;font-weight:600;font-size:13px;letter-spacing:.16em;text-transform:uppercase;border-radius:3px;text-decoration:none}
.legacy .department-browse a:hover,.legacy .department-browse a:focus-visible{background:#7a3a32;color:#fff}