/* Force same image box height for Tribe Events listing cards */
.cst-listing__image {
  height: 220px; /* adjust height */
  overflow: hidden;
}

/* Image should fill box without distortion */
.cst-listing__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* ✅ Each grid item should stretch equal height */
.ete-tribe-events-block .hp-grid__item {
  display: flex;
}

/* ✅ Card should become full-height flex column */
.ete-tribe-events-block .hp-listing.hp-listing--view-block {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
}

/* ✅ Make content take remaining height */
.ete-tribe-events-block .hp-listing__content {
  flex: 1;
}

/* ✅ Footer always stays at bottom */
.ete-tribe-events-block .hp-listing__footer {
     margin-top: auto;
    display: flex;
    justify-content: center;
    align-items: center;
}

/* ✅ Fixed image box height */
.ete-tribe-events-block .hp-listing__image {
  height: 220px; /* change as per design */
  overflow: hidden;
}

/* ✅ Image fills the box and crops nicely */
.ete-tribe-events-block .hp-listing__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* View Event button style */
.ete-tribe-events-block .hp-link {
  display: block;
  background: #E4032E;
  color: #ffffff;
  text-align: center;
  font-weight: 700;
  padding: 12px 16px;
  border-radius: 6px;
  text-decoration: none;
}

/* Hover effect */
.ete-tribe-events-block .hp-link:hover {
  background: #c80227;
  color: #ffffff;
}

/* Center the button */
.ete-tribe-events-block .hp-link {
  display: inline-block;
  background: #E4032E;
  color: #ffffff;
  text-align: center;
  font-weight: 700;
  padding: 12px 20px;
  border-radius: 6px;
  text-decoration: none;
}

/* Center alignment container */
.ete-tribe-events-block .hp-listing__actions {
  text-align: center;
}