/* Modernized legacy edition: preserves the historic visual language without legacy table/Flash code. */
:root {
  --legacy-rust: #963f28;
  --legacy-rust-dark: #6f2d1d;
  --legacy-gold: #d8ad45;
  --legacy-paper: #eee4d0;
  --legacy-panel: #f5d184;
  --legacy-stone: #b5aa96;
  --legacy-ink: #2e2118;
}

body.legacy-modernized {
  background: #d8d1c9;
  color: var(--legacy-ink);
  font-family: Georgia, 'Times New Roman', serif;
}

.legacy-modernized .legacy-edition-bar,
.legacy-modernized .top-info-bar,
.legacy-modernized .site-header,
.legacy-modernized main,
.legacy-modernized .site-footer {
  box-sizing: border-box;
  margin-left: auto;
  margin-right: auto;
  max-width: 936px;
}

.legacy-edition-bar {
  align-items: center;
  background: #3f3127;
  border-bottom: 2px solid var(--legacy-gold);
  color: #f4df9b;
  display: flex;
  font-size: 0.72rem;
  justify-content: space-between;
  letter-spacing: 0.08em;
  min-height: 34px;
  padding: 8px 16px;
  text-transform: uppercase;
}
.legacy-edition-bar a { color: #fff0b8; }
.legacy-edition-bg { display: none; }
html[lang="bg"] .legacy-edition-en { display: none; }
html[lang="bg"] .legacy-edition-bg { display: inline; }
.legacy-copy-bg { display: none; }
html[lang="bg"] .legacy-copy-en { display: none; }
html[lang="bg"] .legacy-copy-bg { display: inline; }

.legacy-modernized .top-info-bar {
  background: var(--legacy-rust-dark);
  border-left: 1px solid #806e5b;
  border-right: 1px solid #806e5b;
}

.legacy-modernized .site-header {
  background: var(--legacy-paper);
  border-left: 1px solid #806e5b;
  border-right: 1px solid #806e5b;
  box-shadow: 0 0 16px rgba(45,32,22,0.25);
}
.legacy-modernized .site-header .header-inner {
  background: url('B_design_03-clean.jpg') center / cover no-repeat;
  height: 299px;
  min-height: 299px;
  padding: 0;
  position: relative;
}
.legacy-modernized .header-icon-wrapper,
.legacy-modernized .header-center {
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  height: 1px;
  overflow: hidden;
  position: absolute;
  white-space: nowrap;
  width: 1px;
}

.legacy-modernized .site-nav {
  background: var(--legacy-rust);
  border-bottom: 3px solid var(--legacy-gold);
  border-top: 1px solid #b36b45;
  margin: 0;
  width: 100%;
}
.legacy-modernized .nav-inner { max-width: 916px; }
.legacy-modernized .nav-menu > li > a,
.legacy-modernized .lang-btn {
  color: #fff2ba;
  font-family: Georgia, 'Times New Roman', serif;
}
.legacy-modernized .nav-menu > li > a {
  font-size: 0.72rem;
  letter-spacing: 0.045em;
}
.legacy-modernized .nav-menu > li > a.active,
.legacy-modernized .nav-menu > li > a:hover,
.legacy-modernized .lang-btn.active {
  background: #7d301f;
  color: #fff7d8;
}
.legacy-modernized .nav-dropdown { background: #f2dfb5; border-color: var(--legacy-rust); }
.legacy-modernized .nav-dropdown a { color: #572718; }

@media (min-width: 769px) {
  .legacy-modernized .nav-inner { padding: 0 8px; }
  .legacy-modernized .nav-menu {
    flex: 1 1 auto;
    min-width: 0;
  }
  .legacy-modernized .nav-menu > li > a {
    font-size: 0.66rem;
    letter-spacing: 0.02em;
    padding: 18px 6px;
    white-space: nowrap;
  }
  .legacy-modernized .lang-toggle {
    gap: 3px;
    margin-left: 7px;
  }
  .legacy-modernized .lang-btn {
    font-size: 0.64rem;
    padding: 4px 7px;
  }
}

.legacy-modernized main {
  background: var(--legacy-paper);
  border-left: 1px solid #b7aa96;
  border-right: 1px solid #b7aa96;
  box-shadow: 0 10px 22px rgba(48,34,24,0.18);
  min-height: 600px;
  overflow: hidden;
}
.legacy-modernized .section,
.legacy-modernized .section-alt { background: transparent; }

/* UNIFIED INTERIOR DESIGN — uses the homepage's alternating paper and dark panels. */
.legacy-interior main > .section {
  border-bottom: 3px solid var(--legacy-gold);
}
.legacy-interior main > .section-alt,
.legacy-interior main > .section:nth-of-type(even) {
  background: var(--legacy-ink);
  color: #eadfcb;
}
.legacy-interior main > .section-alt .section-title,
.legacy-interior main > .section:nth-of-type(even) .section-title {
  color: var(--legacy-gold);
}
.legacy-interior main > .section-alt .section-divider,
.legacy-interior main > .section:nth-of-type(even) .section-divider {
  color: var(--legacy-gold);
}
.legacy-interior main > .section-alt p,
.legacy-interior main > .section-alt h3,
.legacy-interior main > .section:nth-of-type(even) p,
.legacy-interior main > .section:nth-of-type(even) h3 {
  color: #eadfcb !important;
}
.legacy-interior main > .section-alt > .container > p,
.legacy-interior main > .section:nth-of-type(even) > .container > p,
.legacy-interior main > .section-alt .mission-intro,
.legacy-interior main > .section:nth-of-type(even) .mission-intro {
  color: #eadfcb !important;
}
.legacy-interior .card,
.legacy-interior .leadership-grid > article,
.legacy-interior .mission-card,
.legacy-interior .info-table-wrap,
.legacy-interior .accordion,
.legacy-interior .visit-card {
  border-radius: 0 !important;
}
.legacy-interior main > .section-alt .card,
.legacy-interior main > .section:nth-of-type(even) .card,
.legacy-interior main > .section-alt .leadership-grid > article,
.legacy-interior main > .section:nth-of-type(even) .leadership-grid > article,
.legacy-interior main > .section-alt .mission-card,
.legacy-interior main > .section:nth-of-type(even) .mission-card,
.legacy-interior main > .section-alt .info-table-wrap,
.legacy-interior main > .section:nth-of-type(even) .info-table-wrap,
.legacy-interior main > .section-alt .accordion,
.legacy-interior main > .section:nth-of-type(even) .accordion {
  background: #f8efde;
  color: var(--legacy-ink);
}
.legacy-interior main > .section-alt :is(.card, .mission-card, .leadership-grid > article, .info-table-wrap, .accordion, .event-card, .news-card) :is(p, h3),
.legacy-interior main > .section:nth-of-type(even) :is(.card, .mission-card, .leadership-grid > article, .info-table-wrap, .accordion, .event-card, .news-card) :is(p, h3) {
  color: var(--legacy-ink) !important;
}
.legacy-interior main > .section-alt a:not(.btn),
.legacy-interior main > .section:nth-of-type(even) a:not(.btn) {
  color: #f0cb69;
}
.legacy-interior main > .section-alt .card a:not(.btn),
.legacy-interior main > .section:nth-of-type(even) .card a:not(.btn),
.legacy-interior main > .section-alt .accordion a:not(.btn),
.legacy-interior main > .section:nth-of-type(even) .accordion a:not(.btn) {
  color: var(--legacy-rust-dark);
}
.legacy-modernized .section-title,
.legacy-modernized h1,
.legacy-modernized h2,
.legacy-modernized h3 { font-family: Georgia, 'Times New Roman', serif; }
.legacy-modernized .section-title { color: var(--legacy-rust-dark); }
.legacy-modernized .hero-title-main {
  font-size: clamp(2.9rem, 6.6vw, 4.4rem);
  letter-spacing: 0.02em;
}
.legacy-modernized .section-divider { color: var(--legacy-rust); }
.legacy-modernized .card,
.legacy-modernized .feature-card,
.legacy-modernized .news-card,
.legacy-modernized .event-card,
.legacy-modernized .diocesan-complete-intro {
  background: #f6eddc;
  border: 1px solid #b7965a;
  border-radius: 0;
  box-shadow: 2px 3px 0 rgba(99,69,42,0.12);
}
.legacy-modernized .btn { border-radius: 0; }
.legacy-modernized .btn-primary { background: var(--legacy-rust); border-color: var(--legacy-rust-dark); }
.legacy-modernized .btn-primary:hover { background: var(--legacy-rust-dark); }
.legacy-modernized a { text-underline-offset: 2px; }

.legacy-directory-hero {
  background: linear-gradient(rgba(73,49,35,0.84), rgba(73,49,35,0.84)), url('assets/images/gallery/centennial/110_large.jpg') center / cover;
  border-bottom: 4px solid var(--legacy-gold);
  color: #fff4d2;
  padding: 64px 24px;
}
.legacy-directory-hero h1 {
  color: #fff4d2;
  font-size: clamp(2rem, 5vw, 3.4rem);
  margin: 8px 0 12px;
}
.legacy-directory-kicker {
  color: #f0cb69;
  font-size: 0.75rem;
  font-weight: 700;
  letter-spacing: 0.16em;
}
.legacy-directory-grid {
  display: grid;
  gap: 20px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.legacy-directory-card {
  background: #f5d184;
  border: 1px solid #8f5c31;
  box-shadow: inset 0 0 0 5px rgba(255,243,193,0.3), 3px 4px 0 rgba(78,51,31,0.12);
  padding: 26px;
}
.legacy-directory-card h2 {
  border-bottom: 1px solid #a76835;
  color: var(--legacy-rust-dark);
  font-size: 1.35rem;
  margin: 0 0 16px;
  padding-bottom: 11px;
}
.legacy-directory-card ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.legacy-directory-card li + li { border-top: 1px dotted rgba(111,45,29,0.35); }
.legacy-directory-card a {
  color: #6f2d1d;
  display: block;
  font-weight: 700;
  padding: 10px 4px;
}
.legacy-original-directory {
  border-top: 4px double var(--legacy-rust);
  margin-top: 42px;
  padding-top: 34px;
}
.legacy-original-directory > h2 {
  color: var(--legacy-rust-dark);
  font-size: clamp(1.6rem, 4vw, 2.25rem);
  margin: 8px 0 10px;
  text-align: center;
}
.legacy-original-directory > p:not(.legacy-directory-kicker) {
  margin: 0 auto 22px;
  max-width: 720px;
  text-align: center;
}
.legacy-archive-grid {
  display: grid;
  gap: 14px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.legacy-archive-card {
  background: #f8efde;
  border: 1px solid #9e7444;
  box-shadow: 2px 3px 0 rgba(91,58,31,0.12);
}
.legacy-archive-card summary {
  color: var(--legacy-rust-dark);
  cursor: pointer;
  font-size: 1.05rem;
  font-weight: 700;
  list-style-position: inside;
  padding: 15px 17px;
}
.legacy-archive-card[open] summary { border-bottom: 1px solid #c2a272; }
.legacy-archive-card ul {
  list-style: none;
  margin: 0;
  padding: 4px 17px 14px;
}
.legacy-archive-card li + li { border-top: 1px dotted rgba(111,45,29,0.28); }
.legacy-archive-card a {
  color: #6f2d1d;
  display: block;
  font-size: 0.9rem;
  padding: 8px 3px;
}

.legacy-original-note {
  margin: 32px auto 0;
  max-width: 760px;
  text-align: center;
}

.legacy-current-highlights {
  background: #e4d6bc !important;
  border-bottom: 1px solid #b59a6d;
  border-top: 4px double var(--legacy-rust);
}
.legacy-highlights-kicker {
  color: var(--legacy-rust);
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.15em;
  text-align: center;
}
.legacy-highlights-grid {
  display: grid;
  gap: 18px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.legacy-highlight-card {
  background: #f8efde;
  border: 1px solid #9e7444;
  box-shadow: 3px 4px 0 rgba(91,58,31,0.14);
  display: flex;
  flex-direction: column;
  min-width: 0;
}
.legacy-highlight-card > img {
  aspect-ratio: 4 / 3;
  border-bottom: 3px solid var(--legacy-gold);
  object-fit: cover;
  width: 100%;
}
.legacy-highlight-card:first-child > img { object-position: center 24%; }
.legacy-highlight-body {
  display: flex;
  flex: 1;
  flex-direction: column;
  padding: 20px;
}
.legacy-highlight-body h3 {
  color: var(--legacy-rust-dark);
  font-size: 1.18rem;
  line-height: 1.25;
  margin: 8px 0 11px;
}
.legacy-highlight-body p {
  color: #493a2d;
  font-size: 0.94rem;
  line-height: 1.62;
}
.legacy-highlight-body > a,
.legacy-highlight-links a {
  color: var(--legacy-rust-dark);
  font-weight: 700;
  margin-top: auto;
}
.legacy-archive-label {
  color: #8d6423;
  font-size: 0.64rem;
  font-weight: 700;
  letter-spacing: 0.1em;
}
.legacy-publications-card {
  background: #f5d184;
  justify-content: center;
}
.legacy-publications-ornament {
  color: var(--legacy-rust);
  font-size: 5rem;
  line-height: 1;
  padding-top: 30px;
  text-align: center;
}
.legacy-highlight-links {
  display: grid;
  gap: 9px;
  margin-top: auto;
}

.legacy-modernized .site-footer {
  background: #3f241b;
  border-top: 4px solid var(--legacy-gold);
}
.legacy-modernized .fab-container { display: none; }

@media (max-width: 960px) {
  .legacy-modernized .legacy-edition-bar,
  .legacy-modernized .top-info-bar,
  .legacy-modernized .site-header,
  .legacy-modernized main,
  .legacy-modernized .site-footer { max-width: 100%; }
  .legacy-modernized .site-header .header-inner {
    background-size: cover;
    height: clamp(190px, 32vw, 299px);
    min-height: 190px;
  }
  .legacy-highlights-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .legacy-publications-card { grid-column: 1 / -1; }
}

@media (max-width: 620px) {
  .legacy-edition-bar { align-items: flex-start; flex-direction: column; gap: 5px; }
  .legacy-modernized .site-header .header-inner {
    background-position: center;
    height: 190px;
  }
  .legacy-directory-grid,
  .legacy-archive-grid { grid-template-columns: 1fr; }
  .legacy-highlights-grid { grid-template-columns: 1fr; }
  .legacy-publications-card { grid-column: auto; }
}

/* ── Readability fixes (2026-08-18): dark sections force pale #eadfcb text,
   but light/white cards inside them must keep dark ink text ── */
.legacy-interior main > .section-alt [style*="background:white" i] p,
.legacy-interior main > .section:nth-of-type(even) [style*="background:white" i] p,
.legacy-interior main > .section-alt [style*="background: white" i] p,
.legacy-interior main > .section:nth-of-type(even) [style*="background: white" i] p,
.legacy-interior main > .section-alt [style*="background:#f" i] p,
.legacy-interior main > .section:nth-of-type(even) [style*="background:#f" i] p,
.legacy-interior main > .section-alt [style*="background:white" i] h3,
.legacy-interior main > .section:nth-of-type(even) [style*="background:white" i] h3,
.legacy-interior main > .section-alt [style*="background:#f" i] h3,
.legacy-interior main > .section:nth-of-type(even) [style*="background:#f" i] h3,
.legacy-interior main > .section-alt p[style*="background:#f" i],
.legacy-interior main > .section:nth-of-type(even) p[style*="background:#f" i],
.legacy-interior main > .section-alt .event-item p,
.legacy-interior main > .section:nth-of-type(even) .event-item p,
.legacy-interior main > .section-alt .card p,
.legacy-interior main > .section:nth-of-type(even) .card p,
.legacy-interior main > .section-alt .card h3,
.legacy-interior main > .section:nth-of-type(even) .card h3,
.legacy-interior main > .section-alt .accordion p,
.legacy-interior main > .section:nth-of-type(even) .accordion p,
.legacy-interior main > .section-alt .info-table-wrap p,
.legacy-interior main > .section:nth-of-type(even) .info-table-wrap p,
.legacy-interior main > .section-alt .news-index li,
.legacy-interior main > .section:nth-of-type(even) .news-index li,
.legacy-interior main > .section-alt .news-index h2,
.legacy-interior main > .section:nth-of-type(even) .news-index h2,
.legacy-interior main > .section-alt .article-schedule li,
.legacy-interior main > .section:nth-of-type(even) .article-schedule li,
.legacy-interior main > .section-alt .article-schedule p,
.legacy-interior main > .section:nth-of-type(even) .article-schedule p,
.legacy-interior main > .section-alt .article-schedule h3,
.legacy-interior main > .section:nth-of-type(even) .article-schedule h3,
.legacy-interior main > .section-alt .ann-item p,
.legacy-interior main > .section:nth-of-type(even) .ann-item p,
.legacy-interior main > .section-alt .ann-body,
.legacy-interior main > .section:nth-of-type(even) .ann-body,
.legacy-interior main > .section-alt .diocesan-venue-note p,
.legacy-interior main > .section:nth-of-type(even) .diocesan-venue-note p,
.legacy-interior main > .section-alt .diocesan-complete-intro p,
.legacy-interior main > .section:nth-of-type(even) .diocesan-complete-intro p,
.legacy-interior main > .section-alt .process-step p,
.legacy-interior main > .section:nth-of-type(even) .process-step p,
.legacy-interior main > .section-alt .process-step h3,
.legacy-interior main > .section:nth-of-type(even) .process-step h3,
.legacy-interior main > .section-alt .donate-form-body p,
.legacy-interior main > .section:nth-of-type(even) .donate-form-body p,
.legacy-interior main > .section-alt .staff-card-body p,
.legacy-interior main > .section:nth-of-type(even) .staff-card-body p,
.legacy-interior main > .section-alt .staff-card-body h4,
.legacy-interior main > .section:nth-of-type(even) .staff-card-body h4,
.legacy-interior main > .section-alt .person-card p,
.legacy-interior main > .section:nth-of-type(even) .person-card p,
.legacy-interior main > .section-alt .person-card h3,
.legacy-interior main > .section:nth-of-type(even) .person-card h3,
.legacy-interior main > .section-alt .mini-cal p,
.legacy-interior main > .section:nth-of-type(even) .mini-cal p {
  color: #2e2118 !important;
}

/* Mini-calendar weekday headers: gold was too faint on white */
.legacy-modernized .mini-cal-day-header { color: #8a6d1f; }

/* Secondary buttons: gold outline/text illegible on paper backgrounds */
.legacy-modernized .btn-secondary {
  color: var(--legacy-rust-dark);
  border-color: var(--legacy-rust);
}
.legacy-modernized .btn-secondary:hover {
  background: var(--legacy-rust);
  color: #fff7d8;
  border-color: var(--legacy-rust);
}

/* ── Hero redesign (2026-08-18): slideshow fills the whole column;
   the two icons float outside it, in the page gutters ── */
.legacy-modernized .hero { position: relative; overflow: visible; }
.legacy-modernized .hero-icon {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: clamp(150px, 14vw, 230px);
  background: transparent;
  border: none;
  padding: 0;
  z-index: 3;
}
.legacy-modernized .hero-icon-left  { right: 100%; margin-right: 30px; }
.legacy-modernized .hero-icon-right { left: 100%;  margin-left: 30px; }
.legacy-modernized .hero-icon img { max-height: 56vh; }
/* Not enough gutter room on narrower screens — hide gracefully */
@media (max-width: 1460px) {
  .legacy-modernized .hero-icon { display: none; }
}


/* ══════════════════════════════════════════════════════════════════════
   PHONE LAYOUT FIXES — 2026-09-12
   1. the header engraving is no longer cropped on narrow screens
   2. the white slide-out menu now has dark, readable ink
   3. the Halls for Rent photographs are no longer hidden on phones
   ══════════════════════════════════════════════════════════════════════ */

@media (max-width: 960px) {
  .legacy-modernized .site-header .header-inner {
    background-size: contain;
    background-position: center center;
    background-color: #d8cfbe;
    aspect-ratio: 916 / 299;
    height: auto;
    min-height: 0;
  }
}

@media (max-width: 620px) {
  .legacy-modernized .site-header .header-inner {
    background-size: contain;
    height: auto;
    min-height: 0;
  }
}

@media (max-width: 768px) {
  /* the drawer is white — pale gold text was unreadable on it */
  .legacy-modernized .nav-menu > li > a {
    color: #4a2418;
    font-size: 0.84rem;
    letter-spacing: 0.05em;
  }
  .legacy-modernized .nav-dropdown-mobile a { color: #4a2418 !important; }
  .legacy-modernized .nav-dropdown-mobile a:hover,
  .legacy-modernized .nav-dropdown-mobile a.active { color: #7d301f !important; }
  .legacy-modernized .nav-toggle-btn { color: #8a5426; }

  /* hamburger: cream on the rust bar, dark ink once the white drawer is open */
  .legacy-modernized .hamburger span {
    background: #fff3cf;
    width: 26px;
    height: 3px;
    border-radius: 2px;
  }
  .legacy-modernized.nav-mobile-open .hamburger span,
  .legacy-modernized .hamburger.open span {
    background: #7d301f;
  }
}

/* 3. Halls for Rent: the six photographs of the hall were hidden outright on
      phones (display:none on the side columns when the 3-column layout
      collapses). They now show as a two-column gallery under the description. */
@media (max-width: 768px) {
  .hall-layout-3col {
    gap: 16px !important;
  }
  .hall-layout-3col .hall-photos-left,
  .hall-layout-3col .hall-photos-right {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
  }
  .hall-layout-3col .hall-photos-left img,
  .hall-layout-3col .hall-photos-right img {
    height: 124px !important;
    width: 100% !important;
    object-fit: cover;
    border-radius: 8px;
  }
  /* three photographs in a two-column grid: the third runs the full width */
  .hall-layout-3col .hall-photos-left img:last-child,
  .hall-layout-3col .hall-photos-right img:last-child {
    grid-column: 1 / -1;
    height: 152px !important;
  }
  /* the description card reads first, the photographs follow it */
  .hall-layout-3col > :nth-child(2) { order: -1; }
}

@media (max-width: 420px) {
  .hall-layout-3col .hall-photos-left img,
  .hall-layout-3col .hall-photos-right img {
    height: 106px !important;
  }
}


/* ══════════════════════════════════════════════════════════════════════
   SITE READABILITY FIXES — 2026-09-13
   From an audit of all 16 pages at 390px, measuring every piece of visible
   text against the colour actually painted behind it.

   Root cause of most of them:
      .legacy-interior main > .section:nth-of-type(even) p,
      ... h3 { color: #eadfcb !important; }
   forces pale ink on every p and h3 in a dark section — including the ones
   inside the WHITE cards that sit in those sections. The file already
   carried a hand-written list of exceptions; this covers the cards instead,
   so nothing has to be added to a list again.
   ══════════════════════════════════════════════════════════════════════ */

/* 1. a light card carries dark ink, and everything inside inherits it */
.legacy-interior main :is(.feature-card, .card, .visit-card, .person-card,
  .staff-card, .staff-card-body, .contact-card, .mission-card, .impact-card,
  .bulletin-card, .accordion, .mini-calendar, .mini-cal, .event-item,
  .gallery-item, .process-step, .donate-form-card, .donate-form-body,
  .quote-panel, .inquiry-card, .info-table-wrap, .scripture-quote,
  .diocesan-complete-intro, .diocesan-venue-note, .article-schedule,
  .feast-panel, .ann-item, .ann-body) {
  color: #3b2a1c;
}

/* 1b. a few panels inside those cards are themselves dark — the burgundy card
       headers, the calendar header, the date badges, the photo placeholders and
       the gallery hover overlay keep their light ink */
.legacy-modernized :is(.staff-card-header, .donate-form-header, .card-header,
  .mini-cal-header, .event-date-badge, .gallery-overlay, .person-photo-placeholder),
.legacy-modernized :is(.staff-card-header, .donate-form-header, .card-header,
  .mini-cal-header, .event-date-badge, .gallery-overlay) :is(h2, h3, h4, p, span, div),
.legacy-modernized .mini-cal-date.today,
.legacy-modernized main thead :is(th, td) {
  color: #f6ecd5 !important;
}

/* only p and h3 are forced pale by the blanket rule, so only they need to
   be taken back — everything else keeps whatever colour it was given */
.legacy-interior main > :is(.section-alt, .section:nth-of-type(even))
  :is(.feature-card, .card, .visit-card, .person-card, .staff-card,
  .staff-card-body, .contact-card, .mission-card, .impact-card, .bulletin-card,
  .accordion, .mini-calendar, .mini-cal, .event-item, .gallery-item,
  .process-step, .donate-form-card, .donate-form-body, .quote-panel,
  .inquiry-card, .info-table-wrap, .scripture-quote, .diocesan-complete-intro,
  .diocesan-venue-note, .article-schedule, .feast-panel, .ann-item, .ann-body)
  :is(p, h3):not(:is(.staff-card-header, .donate-form-header, .card-header,
  .mini-cal-header, .event-date-badge, .gallery-overlay) *) {
  color: #3b2a1c !important;
}

/* 2. small gold text and monochrome glyph icons on light panels — gold at
      #d4af37 is 2:1 on white; this bronze reads at 4.9:1 and keeps the tone */
.legacy-modernized :is(.contact-label, .accordion-title, .accordion-icon,
  .scripture-citation, .card-date, .step-icon, .staff-info-icon, .quote-note,
  .inquiry-card-meta),
.legacy-modernized .diocesan-featured-photo span,
.legacy-modernized main label,
.legacy-modernized .card-date, .legacy-modernized .card-date *,
.legacy-modernized main :is(p, span, cite)[style*="--primary-gold"],
.legacy-modernized main :is(p, span, cite)[style*="#C9A646" i],
.legacy-modernized main :is(p, span, cite)[style*="#D4AF37" i]:not([style*="background" i]) {
  color: #8a6a1f !important;
}

/* 3. chips and secondary buttons whose dark ink was meant for a light
      background but which sit on the dark cathedral panel — unless they are
      inside one of the light cards, where the dark ink is right */
.legacy-interior main > :is(.section-alt, .section:nth-of-type(even))
  :is(.filter-btn, .btn-secondary, .event-tab) {
  color: #f3e3bb !important;
  border-color: rgba(201, 166, 70, 0.55);
}
.legacy-interior main > :is(.section-alt, .section:nth-of-type(even))
  :is(.feature-card, .card, .visit-card, .person-card, .staff-card,
  .staff-card-body, .contact-card, .mission-card, .impact-card, .bulletin-card,
  .accordion, .mini-calendar, .mini-cal, .event-item, .gallery-item,
  .process-step, .donate-form-card, .donate-form-body, .quote-panel,
  .inquiry-card, .info-table-wrap, .scripture-quote, .diocesan-complete-intro,
  .diocesan-venue-note, .article-schedule, .feast-panel, .ann-item, .ann-body)
  :is(.filter-btn, .btn-secondary, .event-tab) {
  color: #7d301f !important;
  border-color: rgba(125, 48, 31, 0.55);
}
.legacy-interior main > :is(.section-alt, .section:nth-of-type(even))
  :is(.filter-btn, .event-tab):is(.active, :hover) {
  color: #3b2a12 !important;
  background: #c9a646;
  border-color: #c9a646;
}

.legacy-interior .diocesan-life-section .diocesan-life-eyebrow {
  color: #f3e3bb !important;
}

/* 3b. a note that carries its own white panel, and badges painted gold with
       white text on them */
.legacy-interior main p.diocesan-venue-note { color: #3b2a1c !important; }
.legacy-interior main [style*="background:#D4AF37" i],
.legacy-interior main [style*="background: #D4AF37" i] { color: #2c1810 !important; }

/* 3c. links inside the light cards kept the pale gold of the dark panel */
.legacy-interior main :is(.feature-card, .card, .visit-card, .person-card, .staff-card,
  .staff-card-body, .contact-card, .mission-card, .impact-card, .bulletin-card,
  .accordion, .mini-calendar, .mini-cal, .event-item, .gallery-item,
  .process-step, .donate-form-card, .donate-form-body, .quote-panel,
  .inquiry-card, .info-table-wrap, .scripture-quote, .diocesan-complete-intro,
  .diocesan-venue-note, .article-schedule, .feast-panel, .ann-item, .ann-body) a:not(.btn):not([style]) {
  color: #8b1a1a !important;
}

/* 4. the rust primary button kept the near-black ink meant for the gold one */
.legacy-modernized .btn-primary,
.legacy-modernized .inquiry-submit-btn {
  color: #fff7e2 !important;
}

/* 5. the numbered badges on Halls for Rent: white on gold */
.legacy-modernized .step-number { color: #3b2a12 !important; }

/* 6. the skip link (keyboard focus) was white on gold */
.legacy-modernized .skip-link { color: #2e2118 !important; }

/* 7. grey notes written inline at #888 / #999 on the cream page */
.legacy-modernized main :is(p, span)[style*="#888"],
.legacy-modernized main :is(p, span)[style*="#999"] {
  color: #6b5b4a !important;
}

/* 8. News: the announcement archive sits on cream, so its month headings and
      the links inside the archived e-mails must not use the dark-panel ink */
#announcements .ann-month-heading { color: #8b1a1a !important; }
#announcements :is(.ann-title, .ann-date) { color: #2e2118 !important; }
#announcements .ann-files a { color: #8b1a1a !important; }
#announcements .ann-body a:not([style]) { color: inherit !important; text-decoration: underline; }

/* 8b. Outlook's link-preview cards inside the archived e-mails are white,
       but their links and captions took the pale gold of the dark panel */
#announcements [id^="LPUrlAnchor"] { color: #8b1a1a !important; }
#announcements [id^="LPMetadata"],
#announcements [id^="LPTitle"] { color: #4a4139 !important; }

/* 9. the gallery filter strip scrolls sideways on a phone — give the first
      and last chip room so they do not sit flush against the screen edge */
@media (max-width: 768px) {
  .filter-bar { padding-left: 4px; padding-right: 4px; }
}