/* page-hero lives in theme.css */
.events-admin-tools {
  display: block;
  background: #f7f2eb;
  border-bottom: 1px solid rgba(30, 61, 24, .12);
}
.events-admin-tools__inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  padding-top: 18px;
  padding-bottom: 18px;
}
.events-admin-tools strong {
  display: block;
  color: var(--navy);
  font-size: 14px;
  line-height: 1.3;
}
.events-admin-tools span {
  display: block;
  color: var(--light);
  font-size: 13px;
  line-height: 1.5;
  margin-top: 3px;
}
.events-admin-tools__actions {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
}
.events__header { display:flex; align-items:flex-end; justify-content:space-between; margin-bottom:48px; flex-wrap:wrap; gap:16px; }
.cm-page-events .section { scroll-margin-top:calc(var(--nav-h) + 24px); }
.cm-page-events .events-upcoming { padding-top:32px; padding-bottom:72px; }
.cm-page-events .events-upcoming .events__header { margin-bottom:32px; }
.cm-page-events .events-upcoming .events__header .divider { margin-bottom:0; }
.events__grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; }
.event-card { position:relative; align-self:stretch; min-width:0; min-height:100%; background:var(--white); border:1px solid rgba(76,91,13,.12); border-radius:var(--r); box-shadow:0 10px 30px rgba(26,47,16,.08); overflow:hidden; transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease; display:flex; flex-direction:column; }
.event-card[hidden] { display:none !important; }
.event-card:hover { transform:translateY(-3px); box-shadow:0 16px 38px rgba(26,47,16,.13); }
.event-card:focus-within { border-color:rgba(76,91,13,.42); box-shadow:0 16px 38px rgba(26,47,16,.13); }
.event-card__content { position:relative; z-index:1; display:flex; flex:1; min-height:100%; align-items:stretch; }
.event-card__media + .event-card__content { min-height:0; margin-top:-1px; }
.event-card__date { background:var(--navy); color:var(--white); padding:24px 8px; text-align:center; flex:0 0 86px; display:flex; flex-direction:column; align-items:center; justify-content:flex-start; gap:2px; }
.event-card__date--category-community { background:#1e3d18; }
.event-card__date--category-prayer-worship,
.event-card__date--category-prayer-meeting { background:#4c5b0d; }
.event-card__date--category-youth-children { background:#9a6726; }
.event-card__date--category-outreach { background:#8a4f36; }
.event-card__date--category-special-event { background:#386263; }
.event-card__date--category-group-study { background:#526b38; }
.cm-page-events .event-card__month { font-size:var(--fs-xs); font-weight:700; letter-spacing:1.6px; text-transform:uppercase; color:rgba(255,255,255,.88); }
.cm-page-events .event-card__day   { font-family:var(--font-head); font-size:var(--fs-3xl); font-weight:700; line-height:1; color:#fff; }
.cm-page-events .event-card__weekday { margin-top:9px; color:rgba(255,255,255,.9); font-size:11px; font-weight:700; line-height:1.25; letter-spacing:.25px; text-transform:uppercase; }
.cm-page-events .event-card__rail-time { display:flex; flex-direction:column; align-items:center; gap:2px; margin-top:13px; color:#fff; font-size:11px; font-weight:700; line-height:1.3; white-space:nowrap; }
.event-card__media,
.event-card__media:hover,
.event-card__media:focus { display:block; aspect-ratio:16 / 9; overflow:hidden; background:#f4f0e8; border:0; outline:0; box-shadow:none; text-decoration:none; }
.event-card__media img { display:block; width:100%; height:100%; object-fit:contain; object-position:center; border:0; backface-visibility:hidden; transition:transform .3s ease; }
.event-card:hover .event-card__media img { transform:scale(1.025); }
.event-card__body  { padding:22px 20px; flex:1; min-width:0; display:grid; grid-template-columns:max-content minmax(0,1fr); grid-template-rows:auto minmax(52px,auto) 34px minmax(34px,auto) minmax(0,1fr) auto; align-items:start; }
.event-card__cat   { grid-row:1; grid-column:1 / -1; font-size:var(--fs-2xs); font-weight:700; letter-spacing:1.5px; text-transform:uppercase; color:var(--olive); margin-bottom:7px; display:block; }
.event-card__title { grid-row:2; grid-column:1 / -1; min-height:2.6em; font-family:var(--font-head); font-size:var(--fs-lg); color:var(--navy); margin:0 0 8px; line-height:1.3; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.event-card__title-link,
.event-card__title-link:visited { color:inherit; text-decoration:none; }
.event-card__title-link:hover,
.event-card__title-link:focus-visible { color:var(--olive-d); text-decoration:underline; }
.event-card__title-link::after { content:''; position:absolute; inset:0; z-index:1; }
.event-card__media,
.event-card__actions { position:relative; z-index:2; }
.event-card__recurrence { grid-row:3; grid-column:1; display:inline-flex; align-items:center; align-self:start; min-height:26px; padding:0 9px; border-radius:999px; background:rgba(107,140,42,.1); color:var(--olive-d); font-size:9px; font-weight:700; letter-spacing:.8px; text-transform:uppercase; margin:0; white-space:nowrap; }
.event-card__series-dates { grid-row:3; grid-column:2; align-self:center; min-width:0; margin:0 0 0 10px; color:var(--light); font-size:11px; font-weight:600; line-height:1.35; white-space:nowrap; }
.event-card__location { grid-row:4; grid-column:1 / -1; display:flex; align-items:flex-start; gap:6px; margin:0 0 9px; color:var(--navy); font-size:12px; font-weight:700; line-height:1.45; }
.event-card__location span { flex:0 0 auto; }
.event-card__desc  { grid-row:5; grid-column:1 / -1; font-size:var(--fs-sm); color:var(--light); line-height:1.65; margin:0 0 12px; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; }
.event-card__desc:empty { display:none; }
.event-card__meta  { grid-row:6; grid-column:1 / -1; align-self:end; margin:0; padding-top:6px; font-size:var(--fs-sm); color:var(--olive-d); font-weight:700; }
.event-card__actions { grid-row:6; grid-column:1 / -1; align-self:end; margin-top:12px; }
.event-card__link,
.event-card__link:visited { display:inline-flex; align-items:center; gap:6px; color:var(--navy); font-size:var(--fs-sm); font-weight:700; text-decoration:none; }
.event-card__link:not(.event-card__link--manage)::after { content:'\2192'; font-size:17px; line-height:1; transition:transform .2s ease; }
.event-card__link:not(.event-card__link--manage):hover::after { transform:translateX(3px); }
.event-card__link:hover,
.event-card__link:focus-visible { color:var(--olive-d); text-decoration:underline; }
.event-card__link--manage {
  margin-left: 12px;
  color: var(--olive-d);
}
.event-card__actions .event-card__link--manage:first-child { margin-left:0; }
.events__more { display:flex; flex-direction:column; align-items:center; gap:12px; margin-top:38px; text-align:center; }
.events__more[hidden] { display:none !important; }
.events__count { margin:0; color:var(--light); font-size:var(--fs-sm); }
[data-past-events-more] .events__count { display:none; }
.events-past { background:rgba(239,234,225,.46); }
.events-past__header { margin-bottom:48px; text-align:center; }
.event-card--past { box-shadow:0 7px 22px rgba(26,47,16,.06); }
.event-card--past .event-card__media img { filter:saturate(.82); }
.event-card--past .event-card__desc { display:none; }
@media (max-width: 1024px) { .events__grid { grid-template-columns:1fr 1fr; } }
@media (max-width:700px) {
  .cm-page-events .events__grid {
    grid-template-columns: 1fr;
    scroll-snap-type: x mandatory;
    scroll-padding-inline: 8%;
  }
  .cm-page-events .event-card {
    width: 84%;
    min-width: 84%;
    max-width: 84%;
    flex: 0 0 84%;
    scroll-snap-align: center;
    scroll-snap-stop: always;
  }
  .cm-page-events .event-card:first-child { margin-left: 8%; }
  .cm-page-events .event-card:last-child { margin-right: 8%; }
  .event-card__media { aspect-ratio:16 / 9; }
}
.events-cta-banner {
  background: var(--navy-d);
  padding: 64px 0;
}
.events-cta-banner .cta-banner__inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 40px;
  flex-wrap: nowrap;
}
.events-cta-banner .cta-banner__inner > div:first-child {
  max-width: 680px;
}
.events-cta-banner .cta-banner__title {
  font-family: var(--font-head);
  font-size: clamp(26px, 3.4vw, 40px);
  line-height: 1.22;
  color: var(--white);
  margin: 0 0 8px;
}
.events-cta-banner .cta-banner__sub {
  color: rgba(255,255,255,.66);
  font-size: 16px;
  line-height: 1.6;
  margin: 0;
}
.events-cta-banner .cta-banner__btns {
  display: flex;
  justify-content: flex-end;
  gap: 16px;
  margin-left: auto;
  flex-wrap: wrap;
  flex-shrink: 0;
}
.schedule-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:16px; margin-top:32px; }
.schedule-item {
  background:var(--white);
  border-radius:var(--r);
  padding:24px 32px;
  box-shadow:var(--shadow);
  display:grid;
  grid-template-columns:190px minmax(0,1fr);
  align-items:center;
  column-gap:28px;
}
.schedule-item__day {
  font-family:var(--font-head);
  font-size:18px;
  color:var(--olive);
  font-weight:700;
  line-height:1.25;
}
.schedule-item__details { display:grid; gap:6px; min-width:0; }
.schedule-item__details strong { display:block; color:var(--navy); font-size:16px; font-weight:700; line-height:1.35; }
.schedule-item__details span  { font-size:14px; color:var(--light); line-height:1.5; }
@media (max-width: 768px) {
  .events-admin-tools__inner {
    align-items: flex-start;
    flex-direction: column;
  }

  .events-admin-tools__actions {
    width: 100%;
  }

  .schedule-grid { grid-template-columns:1fr; }

  .events-cta-banner .cta-banner__inner {
    align-items: center;
    flex-direction: column;
    text-align: center;
  }

  .events-cta-banner .cta-banner__btns {
    justify-content: center;
    margin-left: 0;
    width: 100%;
  }
}
@media (max-width:560px) {
  .schedule-item {
    grid-template-columns:1fr;
    row-gap:12px;
    padding:22px 24px;
  }

  .events-cta-banner {
    padding: 48px 0;
  }

  .events-cta-banner .btn {
    width: 100%;
    justify-content: center;
  }
}

@media (max-width: 900px) {
  .cm-page-events .events__header {
    align-items: flex-start;
    justify-content: flex-start;
    text-align: left;
  }

  .cm-page-events .events__header > div {
    width: 100%;
    margin: 0;
    text-align: left;
  }

  .cm-page-events .events__header .divider,
  .cm-page-events .events__header .divider--center {
    margin-left: 0;
    margin-right: auto;
  }
}