.text-booked {
    color: rgb(13, 110, 253, 0.9);
}

.text-full {
    color:rgba(248, 15, 18, 0.9);
}

.text-attention {
    color: rgb(215, 163, 7, 0.9);
}

.text-chill {
    color: rgb(25, 135, 84, 0.9);
}

.event-time {
  min-width: 170px;
}

.event-capacity {
  width: 100px;
}

.event-status {
  width: 69px;
}

.carousel-caption {
    top: 20px;
    bottom: auto;
    padding: 0px;
    margin: 0px;
}


.fa-fw {
  display: inline-block;
  width: 1.25em;   /* Standard FontAwesome fixed width */
  text-align: center;
  min-height: 1em; /* Prevents vertical collapse */
}

/* Reserve space for FontAwesome icons before the font loads so surrounding
   text doesn't reflow once the icons render. */
.fa-solid, .fa-regular, .fa-brands {
  display: inline-block;
  min-width: 1em;
  text-align: center;
}

/* Clickable card header used by the info-card pattern (e.g., user/event cards
   on the booking detail page). The whole header is the tap target. */
.info-card-header {
  background-color: #fff;
  transition: background-color 0.15s ease;
}
.info-card-header:hover {
  background-color: rgba(0, 0, 0, 0.04);
}

/* Event details page: main column width */
#event-body {
  max-width: 500px;
}
@media (min-width: 992px) {
  #event-body {
    max-width: 960px;
  }
}