.card-image-overlay {
  --bs-overlay-bg: linear-gradient(180deg, rgba(73,52,52, .05) 14.06%, rgba(73,52,52, .1) 70.2%) !important;
}



/* 1. Remove all overflow/ellipsis and allow event titles to wrap normally */
.card.card-style-7 .card-title,
.card.card-style-7 .card-title a {
  white-space: normal !important;
  overflow: visible !important;
  text-overflow: unset !important;
  display: block !important;
}

/* Handle overflows on all flex parents */
.card.card-style-7 .d-flex.flex-column {
  white-space: normal !important;
  overflow: visible !important;
  text-overflow: unset !important;
}

/* Remove from any text-truncate ancestor */
.text-truncate, .truncate {
  white-space: normal !important;
  text-overflow: unset !important;
  overflow: visible !important;
}

/* 2a. Stack time/location on mobile */
@media (max-width: 767.98px) {
  .card.card-style-7 ul.d-flex {
    flex-direction: column !important;
    gap: 0.3rem !important;
  }
  /* 2b. Stack the entire row vertically on small screens to prevent overlap between date badge and event info */
  .card.card-style-7 .d-flex.align-items-center {
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 0.8rem !important;
  }
}