/*
 * Rawls Baptist Church
 * TEC Event Series
 *
 * Series-only presentation layer.
 *
 * General TEC archive styling remains in tec.css.
 * This file owns only the Series page shell, Series-specific
 * navigation/rhythm, and TEC Pro Summary-view presentation.
 */

/* ========================================
   Series Context Links
======================================== */

.single-tribe_event_series .rawls-series-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem 1.75rem;
  margin-top: 1.5rem;
}

@media (min-width: 768px) {
  .single-tribe_event_series .rawls-series-actions {
    margin-top: 1.75rem;
  }
}

/* ========================================
   Series Schedule Rail
======================================== */

.single-tribe_event_series .rawls-series-schedule {
  padding-bottom: 2.5rem;
}

.single-tribe_event_series .rawls-series-schedule-rail {
  width: 100%;
  margin-left: 0;
  margin-right: 0;
}

.single-tribe_event_series .rawls-series-schedule-heading {
  margin-bottom: 0.35rem;
}

/* ========================================
   Injected TEC Series Root
======================================== */

.single-tribe_event_series .rawls-series-view [data-js="tribe-events-view"] {
  box-sizing: border-box !important;
  width: 100% !important;
  max-width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.single-tribe_event_series
  .rawls-series-view
  [data-js="tribe-events-view"]
  > section {
  width: 100% !important;
  max-width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding: 0 !important;
}

.single-tribe_event_series
  .rawls-series-view
  [data-js="tribe-events-view"]
  > section
  > div {
  width: 100% !important;
  max-width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* ========================================
   List / Month / Week Navigation
======================================== */

.single-tribe_event_series .rawls-series-view .rawls-events-view-nav {
  width: 100% !important;
  margin: 0 !important;
  padding-top: 0.25rem !important;
}

.single-tribe_event_series .rawls-series-view .rawls-events-view-nav-inner ul {
  gap: 1.75rem;
}

.single-tribe_event_series .rawls-series-view .rawls-events-view-nav-inner a {
  font-family: var(--font-heading) !important;
  font-size: 0.78rem !important;
  font-weight: 600 !important;
  color: rgb(31 42 42 / 0.52) !important;
}

.single-tribe_event_series
  .rawls-series-view
  .rawls-events-view-nav-inner
  a:hover,
.single-tribe_event_series
  .rawls-series-view
  .rawls-events-view-nav-inner
  a[aria-current="page"] {
  color: var(--rawls-green) !important;
}

.single-tribe_event_series
  .rawls-series-view
  .rawls-events-view-nav-inner
  a[aria-current="page"]::after {
  background: var(--rawls-gold) !important;
}

/* ========================================
   Series Date Toolbar
======================================== */

.single-tribe_event_series
  .rawls-series-view
  .tribe-events-c-top-bar__datepicker-button,
.single-tribe_event_series
  .rawls-series-view
  .tribe-events-c-top-bar__datepicker-button
  time {
  font-family: var(--font-heading) !important;
  color: var(--rawls-green) !important;
}

.single-tribe_event_series
  .rawls-series-view
  .tribe-events-c-top-bar__nav-link {
  color: var(--rawls-green) !important;
}

.single-tribe_event_series
  .rawls-series-view
  .tribe-events-c-top-bar__nav-link:hover {
  color: var(--rawls-gold) !important;
}

.single-tribe_event_series
  .rawls-series-view
  .tribe-events-c-top-bar__nav-link
  svg {
  color: currentColor !important;
}

.single-tribe_event_series
  .rawls-series-view
  .tribe-events-c-top-bar__today-button {
  border-color: rgb(4 70 75 / 0.24) !important;
  background: transparent !important;
  font-family: var(--font-heading) !important;
  color: var(--rawls-green) !important;
}

.single-tribe_event_series
  .rawls-series-view
  .tribe-events-c-top-bar__today-button:hover {
  border-color: var(--rawls-gold) !important;
  color: var(--rawls-gold) !important;
}

/* ========================================
   TEC Pro Summary View — Rawls Editorial Schedule

   Series-only redesign of TEC Pro Summary markup.
   No cards, no row rules, no plugin-style table rhythm.
======================================== */

.single-tribe_event_series .rawls-series-view .tribe-events-pro-summary {
  margin-top: 2rem !important;
}

/* Month label becomes a compact editorial marker, not an HR. */
.single-tribe_event_series
  .rawls-series-view
  .tribe-events-pro-summary__month-separator {
  display: block !important;
  margin: 2.75rem 0 1.25rem !important;
}

.single-tribe_event_series
  .rawls-series-view
  .tribe-events-pro-summary__month-separator:first-child {
  margin-top: 0 !important;
}

.single-tribe_event_series
  .rawls-series-view
  .tribe-events-pro-summary__month-separator::after {
  display: none !important;
}

.single-tribe_event_series
  .rawls-series-view
  .tribe-events-pro-summary__month-separator-text {
  display: inline-block;
  font-family: var(--font-heading) !important;
  font-size: 0.75rem !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--rawls-green) !important;
}

/* Each Sunday is one clean editorial composition. */
.single-tribe_event_series
  .rawls-series-view
  .tribe-events-pro-summary__event-row {
  display: grid !important;
  grid-template-columns: 5.25rem minmax(0, 1fr) !important;
  column-gap: 2rem !important;
  align-items: start !important;
  margin: 0 !important;
  padding: 1.05rem 0 1.8rem !important;
  border: 0 !important;
}

/* Date becomes the visual anchor. */
.single-tribe_event_series
  .rawls-series-view
  .tribe-events-pro-summary__event-date-tag {
  width: auto !important;
  max-width: none !important;
  padding: 0 !important;
}

.single-tribe_event_series
  .rawls-series-view
  .tribe-events-pro-summary__event-date-tag-datetime {
  display: flex !important;
  flex-direction: column;
  align-items: flex-start;
}

.single-tribe_event_series
  .rawls-series-view
  .tribe-events-pro-summary__event-date-tag-weekday {
  font-family: var(--font-heading) !important;
  font-size: 0.64rem !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: rgb(31 42 42 / 0.44) !important;
}

.single-tribe_event_series
  .rawls-series-view
  .tribe-events-pro-summary__event-date-tag-daynum {
  margin-top: 0.28rem !important;
  font-family: var(--font-heading) !important;
  font-size: 3.15rem !important;
  font-weight: 700 !important;
  line-height: 0.86 !important;
  letter-spacing: -0.055em;
  color: var(--rawls-green) !important;
}

/* Remove TEC column sizing from the event list side. */
.single-tribe_event_series
  .rawls-series-view
  .tribe-events-pro-summary__event-wrapper {
  width: 100% !important;
  max-width: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

.single-tribe_event_series
  .rawls-series-view
  .tribe-events-pro-summary__event-wrapper
  > li {
  display: block !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Each event is a simple two-column line: time | title. */
.single-tribe_event_series .rawls-series-view .tribe-events-pro-summary__event {
  width: 100% !important;
  max-width: none !important;
  margin: 0 0 0.7rem !important;
  padding: 0 !important;
  border: 0 !important;
}

.single-tribe_event_series
  .rawls-series-view
  .tribe-events-pro-summary__event:last-child {
  margin-bottom: 0 !important;
}

.single-tribe_event_series
  .rawls-series-view
  .tribe-events-pro-summary__event-header {
  display: grid !important;
  grid-template-columns: 8.75rem minmax(0, 1fr) !important;
  column-gap: 1.5rem !important;
  align-items: baseline !important;
  width: 100% !important;
  max-width: none !important;
}

.single-tribe_event_series
  .rawls-series-view
  .tribe-events-pro-summary__event-datetime-wrapper {
  margin: 0 !important;
  font-family: var(--font-heading) !important;
  font-size: 0.72rem !important;
  font-weight: 500 !important;
  line-height: 1.45 !important;
  white-space: nowrap;
  color: rgb(31 42 42 / 0.5) !important;
}

.single-tribe_event_series
  .rawls-series-view
  .tribe-events-pro-summary__event-datetime {
  color: inherit !important;
}

.single-tribe_event_series
  .rawls-series-view
  .tribe-events-pro-summary__event-title {
  width: auto !important;
  margin: 0 !important;
}

.single-tribe_event_series
  .rawls-series-view
  .tribe-events-pro-summary__event-title-link {
  font-family: var(--font-heading) !important;
  font-size: 1rem !important;
  font-weight: 600 !important;
  line-height: 1.35 !important;
  color: var(--rawls-green) !important;
  text-decoration: none !important;
  transition: color 180ms ease;
}

.single-tribe_event_series
  .rawls-series-view
  .tribe-events-pro-summary__event-title-link:hover {
  color: var(--rawls-gold) !important;
}

/* Recurrence marker stays present but subordinate. */
.single-tribe_event_series
  .rawls-series-view
  .tribe-events-calendar-series-archive__container {
  margin-left: 0.28rem !important;
}

.single-tribe_event_series
  .rawls-series-view
  .tribe-events-series-archive__icon {
  width: 0.72rem !important;
  height: 0.72rem !important;
  color: var(--rawls-green-soft) !important;
  fill: var(--rawls-green-soft) !important;
  stroke: var(--rawls-green-soft) !important;
  opacity: 0.72;
}

.single-tribe_event_series
  .rawls-series-view
  .tribe-events-series-archive__icon
  * {
  fill: var(--rawls-green-soft) !important;
  stroke: var(--rawls-green-soft) !important;
}

/* Tablet: keep the composition but tighten proportions. */
@media (max-width: 1023px) {
  .single-tribe_event_series
    .rawls-series-view
    .tribe-events-pro-summary__event-row {
    grid-template-columns: 4.75rem minmax(0, 1fr) !important;
    column-gap: 1.5rem !important;
    padding-bottom: 1.55rem !important;
  }

  .single-tribe_event_series
    .rawls-series-view
    .tribe-events-pro-summary__event-date-tag-daynum {
    font-size: 2.75rem !important;
  }

  .single-tribe_event_series
    .rawls-series-view
    .tribe-events-pro-summary__event-header {
    grid-template-columns: 8rem minmax(0, 1fr) !important;
    column-gap: 1.15rem !important;
  }
}

/* Mobile: date remains prominent; event details stack naturally. */
@media (max-width: 767px) {
  .single-tribe_event_series
    .rawls-series-view
    .tribe-events-pro-summary__month-separator {
    margin: 2.25rem 0 1rem !important;
  }

  .single-tribe_event_series
    .rawls-series-view
    .tribe-events-pro-summary__event-row {
    grid-template-columns: 3.9rem minmax(0, 1fr) !important;
    column-gap: 1rem !important;
    padding: 0.85rem 0 1.4rem !important;
  }

  .single-tribe_event_series
    .rawls-series-view
    .tribe-events-pro-summary__event-date-tag-daynum {
    font-size: 2.35rem !important;
  }

  .single-tribe_event_series
    .rawls-series-view
    .tribe-events-pro-summary__event-header {
    display: block !important;
  }

  .single-tribe_event_series
    .rawls-series-view
    .tribe-events-pro-summary__event-datetime-wrapper {
    margin-bottom: 0.15rem !important;
    white-space: normal;
  }

  .single-tribe_event_series
    .rawls-series-view
    .tribe-events-pro-summary__event-title-link {
    font-size: 0.95rem !important;
  }
}

/* ========================================
   Previous / Next Navigation
======================================== */

.single-tribe_event_series
  .rawls-series-view
  nav[aria-label="Events list navigation"] {
  width: 100% !important;
  margin-top: 2.25rem !important;
  padding-top: 1.5rem !important;
  padding-bottom: 0.75rem !important;
}

.single-tribe_event_series
  .rawls-series-view
  nav[aria-label="Events list navigation"]
  a {
  font-family: var(--font-heading) !important;
  font-size: 0.78rem !important;
  font-weight: 600 !important;
  color: var(--rawls-green) !important;
  text-decoration: none !important;
  transition: color 180ms ease;
}

.single-tribe_event_series
  .rawls-series-view
  nav[aria-label="Events list navigation"]
  a:hover {
  color: var(--rawls-gold) !important;
}

.single-tribe_event_series
  .rawls-series-view
  nav[aria-label="Events list navigation"]
  svg {
  color: currentColor !important;
}

/* ========================================
   Subscribe Control
======================================== */

.single-tribe_event_series
  .rawls-series-view
  .tribe-events-c-subscribe-dropdown__container {
  margin-top: 0.5rem !important;
  margin-bottom: 0 !important;
}

.single-tribe_event_series
  .rawls-series-view
  .tribe-events-c-subscribe-dropdown__button {
  border-color: rgb(4 70 75 / 0.24) !important;
  border-radius: 0.25rem !important;
  background: transparent !important;
}

.single-tribe_event_series
  .rawls-series-view
  .tribe-events-c-subscribe-dropdown__button:hover {
  border-color: var(--rawls-gold) !important;
  background: var(--rawls-surface) !important;
}

.single-tribe_event_series
  .rawls-series-view
  .tribe-events-c-subscribe-dropdown__button-text {
  font-family: var(--font-heading) !important;
  font-size: 0.68rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.07em;
  text-transform: uppercase;
  color: var(--rawls-green) !important;
}

.single-tribe_event_series
  .rawls-series-view
  .tribe-events-c-subscribe-dropdown__button-icon {
  color: var(--rawls-green) !important;
}

/* ========================================
   Mobile Rhythm
======================================== */

@media (max-width: 767px) {
  .single-tribe_event_series .rawls-series-schedule {
    padding-bottom: 2rem;
  }

  .single-tribe_event_series .rawls-series-schedule-heading {
    margin-bottom: 0.25rem;
  }

  .single-tribe_event_series .rawls-series-view .rawls-events-view-nav {
    padding-top: 0 !important;
  }
}