/* ------------------------------------------------------------------
 * Visual separation of upcoming vs. past gigs.
 * Layout-safe: the inner columns use fixed pixel widths (80 + 17 + 483
 * = 580px), so highlights only touch vertical spacing, color and
 * opacity -- never horizontal padding/borders that would reflow them.
 * Works with the markup produced by js/events.js.
 * ------------------------------------------------------------------ */

/* --- Section headings ------------------------------------------------ */
#posts-list .events-heading h4.heading {
  font-family: mensch;
}

/* "Nächste Termine" -- accented */
#posts-list .heading-upcoming h4.heading {
  color: #e37655;
  font-size: 24px;
  letter-spacing: 1px;
  text-transform: uppercase;
  border-bottom: 2px solid #e37655;
  padding-bottom: 8px;
}

/* "Veranstaltungen im Jahr ..." -- muted, with a dashed rule */
#posts-list .heading-past h4.heading {
  color: #9a9a9a;
  border-bottom: 1px dashed #c9c0b6;
  padding-bottom: 6px;
}

/* Extra gap where the past zone begins */
#posts-list .events-past-start {
  margin-top: 30px;
  padding-top: 30px;
  border-top: 1px solid rgba(0, 0, 0, 0.08);
}

/* --- Upcoming gigs: highlighted card -------------------------------- */
#posts-list article.event-upcoming {
  background: rgba(255, 255, 255, 0.55);
  border-top: 3px solid #e37655;
  padding: 22px 0;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.07);
}

/* --- Past gigs: de-emphasized --------------------------------------- */
#posts-list article.event-past {
  opacity: 0.68;
  transition: opacity 0.2s ease;
}
#posts-list article.event-past:hover {
  opacity: 1;
}
/* muted date circle instead of vibrant orange */
#posts-list article.event-past .entry-date {
  background: #b3a695;
  box-shadow: 3px 3px 0 0 rgba(0, 0, 0, 0.06);
}
#posts-list article.event-past .entry-right-data .post-heading {
  color: #777777;
  border-bottom-color: #aaaaaa;
}