/* ===============================
   Blackburn Life What's On Post CSS
   =============================== */

/* --- Title Section --- */
.whats-on-post .whats-on-main-title h2 {
  font-size: 1.3em !important;
  line-height: 1.3em !important;
  font-weight: 700 !important;
  margin-top: 1em;
  margin-bottom: 0.5em;
}

/* --- Highlights Heading Override --- */
.whats-on-post .whats-on-section {
  font-size: 1.15em !important;
  font-weight: 600 !important;
  line-height: 1.3em !important;
  margin: 0.6em 0 0.2em !important; /* ↓ reduced bottom margin */
  color: #161C26; /* Or inherit */
  text-transform: none;
}

.whats-on-post .events-between-dates h4.day-heading {
  font-size: 0.95em !important;
  font-weight: 500 !important;
  color: #444 !important;
  margin: 1em 0 0.4em !important;
  padding-bottom: 0.2em !important;
  border-bottom: 1px solid #ddd;
}

/* --- Intro Paragraph Styling --- */
.whats-on-post .whats-on-intro {
  margin-bottom: 1.2em;
}
.whats-on-post .whats-on-intro p {
  font-size: 1em;
  line-height: 1.6em;
  max-width: 700px;
  margin-bottom: 1em;
}

/* --- Highlights List Styling --- */
.whats-on-post .highlights-section ul {
  margin-top: 0.8em;
  margin-bottom: 1.4em;
  padding-left: 1.2em;
}
.whats-on-post .highlights-section li {
  line-height: 1.5em;
  margin-bottom: 0.4em;
}

/* --- Category Button Styling --- */
.whats-on-post .category-button {
  display: inline-block;
  font-size: 0.95em;
  padding: 0.5em 1em;
  margin: 0.3em 0.4em;
  border-radius: 999px;
  background-color: #f0f0f0;
  color: #333;
  text-decoration: none;
  font-weight: 600;
  border: 1px solid #ccc;
  transition: background 0.2s ease, transform 0.2s ease;
}
.whats-on-post .category-button:hover {
  background-color: #ddd;
  transform: scale(1.03);
}

/* --- Mobile Button Stack --- */
@media (max-width: 600px) {
  .whats-on-post .category-button {
    display: block;
    width: 100%;
    text-align: center;
    margin: 0.3em 0;
  }
}

/* --- Day Headings (Event Listings) --- */
/* Reduce size and spacing of the day headings (e.g. Monday 03 November) */
.whats-on-post .day-heading {
  font-size: 0.95em;          /* ↓ slightly smaller than 1em */
  font-weight: 600;
  margin: 1em 0 0.4em;        /* ↓ slightly less top margin */
  padding-bottom: 0.2em;
  border-bottom: 1px solid #ddd;
}

/* --- Event List Items --- */
.whats-on-post .events-between-dates ul {
  margin-top: 0.5em;
}
.whats-on-post .events-between-dates ul li {
  font-size: 0.95em;
  line-height: 1.5em;
  margin-bottom: 0.6em;
}

/* --- Call to Action Box --- */
.whats-on-post .event-cta {
  background: #f8f8f8;
  padding: 1.2em;
  border-radius: 8px;
  margin-top: 2em;
  font-size: 1em;
  line-height: 1.5em;
}