/* Event card container */
/* ==================== */
.event-card-container {
  margin-bottom: 1.5rem;
}


/* Event card header */
/* ================= */
.event-card-header {
  display: flex;

  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: start;

  padding: 0.5rem;
}

/* Event dropdown menu */
.event-dropdown-menu-container {
  flex-shrink: 1;

  order: 0;

  margin-right: 0.5rem;

  @media (width <=768px) {
    order: 2;
    margin-right: 0;
  }
}

/* Tint the background of the event menu button when the event card header is highlighted (when selected to add to packing list) */
div.card-header.bg-warning div.event-dropdown-menu button.dropdown-toggle {
  background-color: var(--bs-warning-bg-subtle);
}

/* Colour swatches on event dropdown menu */
.event-dropdown-menu-color-swatch {
  width: 1.2rem;
  height: 1.2rem;
  border-radius: 50%;
  border: 1px solid #ccc;
  display: inline-block;
}

/* Event details */
.event-details-container {
  flex-grow: 1;

  display: flex;
  flex-direction: row;

  order: 1;

  @media (width <=768px) {
    flex-direction: column;
  }
}


.event-details-primary {
  flex-grow: 1;

  margin-inline-end: 1rem;
  margin-bottom: 0;

  @media (width <=768px) {
    margin-inline-end: 0;
  }
}

.event-time h5 {
  margin: 0;
  font-weight: 300;
}

.event-title h3 {
  margin: 0;
  font-weight: 700;
}

.event-badges-container {
  margin-bottom: 0.5rem;

  align-items: center;

  color: var(--bs-emphasis-color);

  @media (width <=768px) {
    margin-bottom: 0.25rem;
  }
}

.event-badge {
  font-size: 0.65rem;

  color: var(--bs-emphasis-color);

  font-weight: 600;

  @media (width <=768px) {
    font-size: 0.6rem;
    font-weight: 500 !important;
  }
}

.event-badge-contains-duplicated-items {
  /* bg-warning-subtle border border-warning text-body-emphasis fw-semibold */
  border: 1px solid var(--bs-warning);
  background-color: var(--bs-warning-bg-subtle);
}

/* event-badge-contains-archived-items badge bg-info-subtle border border-info text-body-emphasis fw-semibold */
.event-badge-contains-archived-items {
  border: 1px solid var(--bs-info);
  background-color: var(--bs-info-bg-subtle);
}

/* event-badge-hidden-from-pup badge bg-danger-subtle border border-danger text-body-emphasis fw-semibold */
.event-badge-hidden-from-pup {
  border: 1px solid var(--bs-danger);
  background-color: var(--bs-danger-bg-subtle);
}


.event-details-secondary {
  /* flex-shrink-1 d-flex flex-row align-items-center justify-content-between flex-md-column align-items-md-end column-gap-2 */
  flex-shrink: 1;

  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: end;

  column-gap: 0.5rem;

  @media (width <=768px) {
    align-items: center;
    flex-direction: row;
  }
}

.event-location-name {
  margin-bottom: 0.25rem;

  @media (width <=768px) {
    margin-bottom: 0;
  }

  h6 {
    margin: 0;
    text-align: end;
    font-weight: 300;

    @media (width <=768px) {
      text-align: start;
    }
  }
}

.event-weather-forecast-container {
  flex-shrink: 1;
}

.event-weather-forecast {
  /* d-flex justify-content-end column-gap-2 column-gap-md-3 */
  display: flex;

  justify-content: end;

  column-gap: 1rem;

  @media (width <=768px) {
    column-gap: 0.5rem;
  }
}

.event-weather-footnote {
  padding: 0.25rem;
}


/* Event card body */
/* =============== */

.event-card-body {
  /* p-2 p-md-3 */
  padding: 1rem;

  @media (width <=768px) {
    padding: 0.5rem;
  }
}

.event-hidden-from-pup-message {
  padding: 1rem;

  i {
    margin-inline-end: 0.5rem;
  }
}

.event-items-list-header {
  display: flex;

  align-items: center;
  justify-content: space-between;

  gap: 0.5rem;

  border-bottom: 1px solid var(--bs-secondary-border-subtle);

  margin-bottom: 0.5rem;
  padding-bottom: 0.25rem;
}

.events-items-list-show-items-toggle {
  /* mb-0 text-secondary" style="font-size: 0.925rem; */
  margin-bottom: 0;

  font-size: 0.925rem;

  color: var(--bs-secondary);
}

.events-items-list-add-to-packing-list-checkbox {
  /* order-1 text-secondary ms-auto text-secondary" style="font-size: 0.925rem; */
  order: 1;

  margin-inline-start: auto;

  font-size: 0.925rem;

  color: var(--bs-secondary);
}


.event-notes-container {
  /* smaller text-dark-emphasis rounded-1 border border-primary-subtle bg-primary-subtle p-2 mb-2 */
  margin-bottom: 0.5rem;
  padding: 0.5rem;

  border-radius: 0.25rem;

  border: 1px solid var(--bs-primary-border-subtle);

  color: var(--bs-dark-text-emphasis);
  background-color: var(--bs-primary-bg-subtle);
}

.event-notes-header {
  /* fw-semibold border-bottom border-primary-subtle mb-1" style="font-size: 0.825rem; border-width: 2px; */
  margin-bottom: 0.25rem;

  border-bottom: 1px solid var(--bs-primary-border-subtle);

  font-size: 0.825rem;
  font-weight: 600;
}

.event-notes {
  font-size: 0.825rem;
}


.event-items-list-empty-message {
  /* event-items-list-empty-message p-3 m-0 */
  margin: 0;
  padding: 1rem;
}

.events-items-list-not-shown-message {
  /* events-items-list-not-shown-message text-secondary p-3 text-center */
  padding: 1rem;

  text-align: center;

  color: var(--bs-secondary);

  i {
    margin-inline-end: 0.5rem;
  }
}

.events-item-list {}


/* Event card footer */
/* ================= */

/* event-card-footer card-footer p-2 */
.event-card-footer {
  padding: 0.5rem;
}