/* Sound-Scribe - Upcoming Events Section Style */
.tribe-events-widget {
  background-color: #213a36eb !important; /* dark green */
  border-radius: 6px;
  padding: 20px !important;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.4);
  color: #d9ffd9 !important;
}
/* View Calendar link */
.tribe-events-widget .tribe-events-widget-link {
  display: block;
  margin-top: 15px;
  text-align: right;
  color: #56ff00 !important;
  text-transform: uppercase;
  font-weight: bold;
}

.tribe-events-widget .tribe-events-widget-link:hover {
  color: #aaff88 !important;
}

/* Force all inner text to stay light */
.tribe-events-widget,
.tribe-events-widget * {
  color: #d9ffd9 !important;
}

/* Section title */
.tribe-events-widget h2 {
  color: #56ff00 !important;
  font-size: 1.4rem;
  text-transform: uppercase;
  border-bottom: 1px solid #1e3a28;
  padding-bottom: 5px;
  margin-bottom: 10px;
}

/* Each event row */
.tribe-events-widget .tribe-event {
  padding: 12px 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

/* Add space between events */
.tribe-events-widget .tribe-event + .tribe-event {
  margin-top: 10px;
}

/* Event title links */
.tribe-events-widget .tribe-event-title a {
  color: #56ff00 !important;
  font-weight: 600;
  text-decoration: none;
}

.tribe-events-widget .tribe-event-title a:hover {
  color: #56ff00 !important;
}

/* Event time/date */
.tribe-events-widget time {
  color: #8cff66 !important;
  font-weight: 500;
}
/* --- Mobile Optimization for Upcoming Events --- */
@media (max-width: 768px) {
  /* Add a bit more breathing room */
  .tribe-events-widget {
    padding: 15px !important;
  }

  /* Title centered on mobile */
  .tribe-events-widget h2 {
    text-align: center;
    font-size: 1.2rem;
  }

  /* Stack date/time/title neatly */
  .tribe-events-widget .tribe-event {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
    padding: 10px 0;
  }

  /* Make time more readable */
  .tribe-events-widget time,
  .tribe-events-widget .tribe-event-date-start {
    font-size: 0.9rem;
  }

  /* Adjust title font size and spacing */
  .tribe-events-widget .tribe-event-title a {
    font-size: 1rem;
    line-height: 1.3;
  }

  /* Increase space between events slightly */
  .tribe-events-widget .tribe-event + .tribe-event {
    margin-top: 12px;
  }

  /* Center the “View Calendar” link */
  .tribe-events-widget .tribe-events-widget-link {
    text-align: center;
    margin-top: 20px;
    font-size: 0.9rem;
  }
}