/* ============================================================
   WICOMICO CEMETERIES PROJECT
   Joint project visual identity
   ------------------------------------------------------------
   This stylesheet intentionally sits AFTER ../wicomico.css.
   It gives WCP its own warm, archival Handley's-style palette
   while leaving the Wicomico MDGenWeb site itself untouched.
   ============================================================ */

:root {
  --wcp-ink: #253129;
  --wcp-deep: #314733;
  --wcp-green: #536b4a;
  --wcp-green-2: #6f835f;
  --wcp-green-light: #dfe7d8;
  --wcp-green-pale: #eef2e9;
  --wcp-gold: #b99454;
  --wcp-gold-light: #d8c18f;
  --wcp-parchment: #f4f1e8;
  --wcp-paper: #ffffff;
  --wcp-blue: #4e6870;
  --wcp-line: #cfd6ca;
  --wcp-muted: #667169;
}

body.record-page,
body.interior-page {
  color: var(--wcp-ink);
  background:
    radial-gradient(circle at 14% 4%, rgba(111, 131, 95, .10), transparent 30rem),
    linear-gradient(180deg, #eef1ea 0, #f7f8f4 18rem, #edf0e9 100%);
}

a { color: #3f6046; }
a:hover, a:focus { color: #263c2d; }

/* ---------- Joint-project masthead ---------- */
.wcp-joint-header {
  background: linear-gradient(180deg, #fbfcf9 0%, #edf1ea 100%);
  border-top: 4px solid var(--wcp-green);
  border-bottom: 1px solid #c8d1c2;
  box-shadow: inset 0 -1px rgba(255,255,255,.75);
}

.wcp-joint-inner {
  width: min(1180px, calc(100% - 36px));
  margin: 0 auto;
  padding: 17px 0 15px;
  text-align: center;
}

.wcp-joint-brand {
  color: #3d5140;
  font-family: "Century Gothic", "Avenir Next", Futura, sans-serif;
  font-size: clamp(.72rem, .88vw, .86rem);
  font-weight: 600;
  line-height: 1.35;
  letter-spacing: .01em;
  white-space: nowrap;
}

.wcp-joint-brand a {
  color: #304a35;
  font-weight: 700;
  text-decoration: none;
  border-bottom: 1px solid rgba(48,74,53,.28);
}

.wcp-joint-brand a:hover,
.wcp-joint-brand a:focus {
  color: #1f3525;
  border-bottom-color: #536b4a;
}

/* ---------- Small two-link ribbon ---------- */
.wcp-partner-nav {
  background: var(--wcp-green);
  border-bottom: 4px solid var(--wcp-gold);
}

.wcp-partner-nav ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0;
  max-width: 1180px;
  margin: 0 auto;
  padding: 0;
  list-style: none;
}

.wcp-partner-nav li + li {
  border-left: 1px solid rgba(255,255,255,.22);
}

.wcp-partner-nav a {
  display: block;
  padding: 12px 24px 11px;
  color: #ffffff;
  font-size: .86rem;
  font-weight: 750;
  letter-spacing: .02em;
  text-decoration: none;
}

.wcp-partner-nav a:hover,
.wcp-partner-nav a:focus {
  color: #fff;
  background: #40573c;
}

/* ---------- Content palette ---------- */
.interior-main,
.record-main {
  color: var(--wcp-ink);
}

h1, h2, h3,
.record-title,
.collection-header h2,
.record-section-title h3,
.boundary-note h2 {
  color: #2f4033;
}

.eyebrow {
  color: #58704f;
}

.lead,
.record-meta,
.record-description,
.collection-header p:last-child,
.section-heading p {
  color: var(--wcp-muted);
}

.county-story,
.interior-hero,
.record-page-header,
.transcription,
.feature,
.link-drawer,
.record-list {
  background: var(--wcp-paper);
  border-color: var(--wcp-line);
  box-shadow: 0 7px 19px rgba(48, 70, 52, .055);
}

.county-story,
.record-page-header,
.interior-hero {
  border-top-color: var(--wcp-gold);
}

.record-page-header {
  border-top: 5px solid var(--wcp-gold);
}

.record-list {
  border-top-color: var(--wcp-line);
}

.record-list li {
  border-bottom-color: var(--wcp-line);
}

.record-list a:hover,
.record-list a:focus {
  color: var(--wcp-ink);
  background: #f0f4ed;
  box-shadow: inset 4px 0 var(--wcp-gold);
}

.record-title { color: #35483a; }

.boundary-note,
.transcription-note {
  background: #e7ede2;
  border-color: #cad5c3;
}

.boundary-note {
  border-top: 1px solid #cad5c3;
  border-bottom: 1px solid #cad5c3;
}

.year-badge {
  background: var(--wcp-green);
}

.record-section-title {
  background: var(--wcp-green-pale);
  border-left-color: var(--wcp-green-2);
}

.collection-header {
  border-bottom-color: var(--wcp-green);
}

.hero-link,
.button-link {
  color: #fffdf7;
  background: var(--wcp-green);
}

.hero-link:hover,
.hero-link:focus,
.button-link:hover,
.button-link:focus {
  color: #fff;
  background: #40573c;
}

.contribute {
  color: #fff;
  background: var(--wcp-green);
  border-top: 4px solid var(--wcp-gold);
}

.contribute p { color: #edf3eb; }
.contribute a { color: #304a35; background: #f5f8f3; }

.transcription-divider {
  border-color: var(--wcp-gold) !important;
}

.record-back a {
  color: #3f6046;
}

/* ---------- WCP-only footer ---------- */
.wcp-footer {
  margin-top: 64px;
  color: #f1f5ef;
  background: var(--wcp-green);
  border-top: 5px solid var(--wcp-gold);
}

.wcp-footer-inner {
  width: min(980px, calc(100% - 40px));
  margin: 0 auto;
  padding: 27px 0 30px;
  text-align: center;
}

.wcp-footer p {
  margin: 5px 0;
  color: #eef3ec;
  font-size: .88rem;
}

.wcp-footer p:nth-child(3) {
  margin-top: 17px;
}

.wcp-footer a,
.wcp-footer a:visited {
  color: #ffffff;
  font-weight: 650;
  text-decoration: underline;
  text-decoration-color: rgba(255,255,255,.55);
  text-underline-offset: 2px;
}

.wcp-footer a:hover,
.wcp-footer a:focus {
  color: #fff;
  text-decoration-color: #fff;
}

.wcp-footer-url {
  margin-left: .45em;
  color: #dce8d8;
  white-space: nowrap;
}

@media (max-width: 680px) {
  .wcp-joint-brand { white-space: normal; font-size: .76rem; }

  .wcp-joint-inner { width: min(100% - 28px, 1180px); }

  .wcp-joint-brand span,
  .wcp-joint-brand a {
    display: inline;
  }

  .wcp-partner-nav ul {
    display: block;
  }

  .wcp-partner-nav li + li {
    border-left: 0;
    border-top: 1px solid rgba(255,255,255,.18);
  }

  .wcp-partner-nav a {
    padding: 10px 16px;
    text-align: center;
  }

  .wcp-footer-url {
    display: block;
    margin: 2px 0 0;
  }
}