/* Berkeley Community Scholars — brand CSS surviving the Kadence-blocks rebuild.
   Budget: keep under ~100 lines. Colors come from the Kadence global palette
   (--global-palette1 navy … --global-palette7 cream); never hardcode hex here. */

/* ── Footer (Kadence footer builder) ─────────────────────────── */
.site-footer { color: rgba(255,255,255,0.7); font-size: 14px; }
.site-footer .site-middle-footer-wrap { padding-top: 24px; }
.site-footer .widget-title {
  font-family: 'Inter', sans-serif;
  font-size: 12px;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: rgba(255,255,255,0.55);
  margin-bottom: 16px;
  font-weight: 600;
}
.site-footer .widget_nav_menu ul { list-style: none; padding: 0; margin: 0; }
.site-footer .widget_nav_menu ul li { padding: 5px 0; }
.site-footer .widget_nav_menu ul a { color: rgba(255,255,255,0.78); font-size: 14px; text-decoration: none; }
.site-footer .widget_nav_menu ul a:hover { color: #fff; }
.site-footer .footer-widget1 p { color: rgba(255,255,255,0.7); max-width: 280px; font-size: 14px; line-height: 1.55; }
.site-footer .site-info { font-size: 12px; color: rgba(255,255,255,0.45); }

/* Brand wordmark (matches brand mini guide, footer variant) */
.bcs-wordmark { line-height: 1.05; font-family: 'Inter', sans-serif; letter-spacing: 0.02em; }
.bcs-wordmark p { margin: 0; max-width: none; }
.bcs-wordmark .l1 { font-size: 16px; font-weight: 400; color: rgba(255,255,255,0.95); }
.bcs-wordmark .l2 { font-size: 16px; font-weight: 300; color: rgba(255,255,255,0.95); }
.bcs-wordmark .l3 { font-size: 18px; font-weight: 700; letter-spacing: 0.03em; color: #fff; }
.bcs-wordmark .l4 { font-size: 10px; font-weight: 500; letter-spacing: 0.06em; margin-top: 4px; color: var(--global-palette2); }
.bcs-wordmark + p { margin-top: 18px; }

/* ── Pattern components ──────────────────────────────────────── */
.bcs-eyebrow {
  font-family: 'Inter', sans-serif;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  color: var(--global-palette3);
  margin-bottom: 10px;
}
.bcs-eyebrow.is-sky { color: var(--global-palette3); }
.entry-content .bcs-eyebrow { margin-top: 0; }

.bcs-stat-num {
  font-family: 'Source Serif 4', 'Source Serif Pro', Georgia, serif;
  font-size: 60px;
  font-weight: 500;
  line-height: 1;
  letter-spacing: -0.02em;
  color: var(--global-palette2);
  margin-bottom: 6px;
}
.bcs-stat-label { color: var(--global-palette6); font-size: 15px; }
@media (max-width: 767px) { .bcs-stat-num { font-size: 44px; } }

.bcs-card > .kt-inside-inner-col {
  background: var(--global-palette9);
  border-radius: 8px;
  padding: 32px 30px;
  box-shadow: 0 1px 3px rgba(8,35,63,0.08);
  height: 100%;
  transition: transform 0.2s, box-shadow 0.2s;
}
.bcs-card > .kt-inside-inner-col:hover { transform: translateY(-2px); box-shadow: 0 6px 18px rgba(8,35,63,0.12); }
.bcs-card-link a { color: var(--global-palette2); font-weight: 600; text-decoration: none; }
.bcs-card-link a:hover { text-decoration: underline; }

.bcs-person-photo img { border-radius: 8px; }
.bcs-person-role {
  color: var(--global-palette2);
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.bcs-timeline-year {
  font-family: 'Source Serif 4', 'Source Serif Pro', Georgia, serif;
  font-size: 32px;
  font-weight: 500;
  color: var(--global-palette2);
  line-height: 1.1;
}
.bcs-timeline-body > .kt-inside-inner-col {
  border-left: 3px solid var(--global-palette3);
  padding-left: 24px;
}

.bcs-download a {
  display: block;
  border: 1.5px solid var(--global-palette1);
  border-radius: 6px;
  padding: 12px 18px;
  color: var(--global-palette1);
  font-weight: 600;
  text-decoration: none;
  transition: background 0.15s, color 0.15s;
}
.bcs-download a:hover { background: var(--global-palette1); color: var(--global-palette9); }
.bcs-download { margin-bottom: 10px; }

.bcs-pullquote {
  font-size: 20px;
  font-style: italic;
  color: var(--global-palette1);
  line-height: 1.6;
}

/* Inset rounded bands (stat card / CTA card inside content width) */
.bcs-statcard .kt-row-column-wrap { background: var(--global-palette8); border-radius: 12px; padding: 24px; }
.bcs-statcard .bcs-stat-num { font-size: 48px; text-align: center; }
.bcs-statcard .bcs-stat-label { text-align: center; }
.bcs-ctacard .kt-row-column-wrap { background: var(--global-palette1); border-radius: 12px; padding: 44px 24px; }
.bcs-ctacard .kb-button { border-radius: 999px; }
.bcs-statcard .kt-row-column-wrap, .bcs-ctacard .kt-row-column-wrap { max-width: 1100px; margin-left: auto; margin-right: auto; }

/* Staff/team member cards */
.bcs-member-top { margin-bottom: 16px; gap: 18px; }
.bcs-member-photo img { width: 104px; height: 104px; border-radius: 50%; object-fit: cover; object-position: center top; background: var(--global-palette7); }
.bcs-member-photo { margin: 0; }
.bcs-member h3 { margin-bottom: 4px; }
.bcs-member .bcs-person-role { margin-top: 0; }
.bcs-card-icon { font-size: 26px; margin-bottom: 4px; }
.bcs-card h3 a { color: var(--global-palette1); text-decoration: none; }
.bcs-card h3 a:hover { color: var(--global-palette2); }
.bcs-download-grid > .kt-inside-inner-col { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 12px; }
.bcs-download-grid .bcs-download { margin: 0; }
.bcs-multicol { columns: 220px; column-gap: 36px; list-style: none; padding-left: 0; line-height: 1.85; }
.bcs-multicol li { break-inside: avoid; }
.bcs-member-initials {
  width: 104px; height: 104px; border-radius: 50%;
  background: var(--global-palette7); color: var(--global-palette1);
  display: grid; place-items: center;
  font-family: 'Source Serif 4', Georgia, serif; font-size: 30px; font-weight: 500;
  margin: 0;
}
.bcs-narrow-center > .kt-inside-inner-col { max-width: 780px; margin: 0 auto; }
.bcs-give-card > .kt-inside-inner-col { background: var(--global-palette7); border-radius: 14px; padding: 28px; height: 100%; }
.bcs-soft-rule { border-color: #e5ddd0; opacity: 1; max-width: 200px; }

/* ── Home page ───────────────────────────────────────────────── */
.bcs-hero-stat {
  font-family: 'Source Serif 4', 'Source Serif Pro', Georgia, serif;
  font-size: clamp(96px, 12vw, 168px);
  font-weight: 500; line-height: 0.88; letter-spacing: -0.045em;
  color: var(--global-palette1); margin: 8px 0 10px;
}
.bcs-hero-stat .x { color: var(--global-palette2); font-size: 0.8em; margin-left: 4px; }
.bcs-hero-cap strong { color: var(--global-palette1); font-size: 19px; }
.bcs-hero-cap { color: var(--global-palette6); line-height: 1.5; }
.bcs-hero-line { margin-top: 18px; }
.bcs-hero-line em { font-style: normal; color: var(--global-palette2); }
.bcs-hero-photo img { border-radius: 4px; width: 100%; object-fit: cover; }
.bcs-door > .kt-inside-inner-col {
  background: var(--global-palette9);
  border: 1px solid #e8eef4; border-radius: 8px;
  padding: 32px 30px; height: 100%;
  display: flex; flex-direction: column; gap: 16px; align-items: flex-start;
  transition: transform 0.2s, box-shadow 0.2s;
}
.bcs-door > .kt-inside-inner-col:hover { transform: translateY(-2px); box-shadow: 0 10px 26px rgba(8,35,63,0.10); }
/* The theme's content margins stack on top of the flex gap — the gap alone sets the rhythm. */
.bcs-door > .kt-inside-inner-col > * { margin-top: 0; margin-bottom: 0; }
/* Button + link pinned to the card bottom as one group, so all three doors align. */
.bcs-door > .kt-inside-inner-col > .wp-block-kadence-advancedbtn { margin-top: auto !important; padding-top: 4px; }
.bcs-door-kicker {
  font-family: 'Inter', sans-serif; font-size: 12px; font-weight: 700;
  letter-spacing: 0.18em; text-transform: uppercase; color: var(--global-palette2);
}
.bcs-stat-num.is-navy { color: var(--global-palette1); }
.bcs-pill-list { list-style: none; padding: 0; display: flex; flex-wrap: wrap; gap: 8px; }
.bcs-pill-list li {
  background: var(--global-palette9); border: 1px solid #e5ddd0; border-radius: 999px;
  padding: 6px 14px; font-size: 14px; color: var(--global-palette1); margin: 0;
}
.bcs-event-meta { line-height: 1.7; color: var(--global-palette5); }
.bcs-event-meta .pill {
  display: inline-block; background: var(--global-palette1); color: var(--global-palette9);
  border-radius: 8px; padding: 4px 12px; font-weight: 700; font-size: 14px;
  letter-spacing: 0.04em; text-transform: uppercase; margin-right: 8px;
}

/* Door variants (original: Scholars door is a navy gradient, others white) */
.bcs-door > .kt-inside-inner-col { min-height: 340px; }
.bcs-door h3 { font-size: 26px; font-weight: 500; }
.bcs-door p:not(.bcs-door-kicker):not(.bcs-card-link) { opacity: 0.85; }
.bcs-door.is-navy > .kt-inside-inner-col {
  background: linear-gradient(155deg, #0c2a4a 0%, #00639c 100%);
  border: none;
}
.bcs-door.is-navy h3 { color: var(--global-palette9); }
.bcs-door.is-navy p { color: var(--global-palette9); }
.bcs-door.is-navy .bcs-card-link a { color: var(--global-palette3); }
.bcs-door.is-navy .bcs-card-link a:hover { color: var(--global-palette9); }
@media (max-width: 767px) {
  .bcs-door > .kt-inside-inner-col { min-height: 0; padding: 26px 24px; }
}

/* ── Vertical rhythm: theme content margins are too airy for hero/section heads ── */
.bcs-eyebrow { margin-bottom: 14px !important; }
.bcs-eyebrow + h1 { margin-top: 0 !important; }
.bcs-eyebrow + h2 { margin-top: 8px !important; }
.bcs-hero-stat { margin-top: 4px !important; margin-bottom: 12px !important; }
.bcs-hero-cap { margin-bottom: 20px !important; }
h1.bcs-hero-line { margin-top: 16px !important; margin-bottom: 26px !important; }