/* HMW Events — Single Event Layout
 * Matches the Events Manager single-event design:
 * two-column grid with sidebar meta on desktop. */

/* -----------------------------------------------------------------------
 * Grid Layout
 * ----------------------------------------------------------------------- */
.hmwevents-single-event {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-areas:
    "content"
    "meta"
    "booking";
  gap: 2rem;
  align-items: start;
  margin-bottom: 3rem;
}

@media (min-width: 768px) {
  .hmwevents-single-event {
    grid-template-columns: 2fr 1fr;
    grid-template-areas:
      "content sidebar"
      "booking sidebar";
  }
}

.hmwevents-event-header {
  display: none;
}

.hmwevents-event-meta {
  grid-area: sidebar;
}

.hmwevents-event-content-wrapper {
  grid-area: content;
}

.hmwevents-event-content {
  grid-area: content;
}

.hmwevents-booking-form-container {
  grid-area: booking;
}

/* -----------------------------------------------------------------------
 * Event Header
 * ----------------------------------------------------------------------- */
.hmwevents-event-title {
  font-size: 2.25rem;
  font-weight: 700;
  line-height: 1.2;
  color: var(--bs-primary, #000);
  margin-bottom: 0.5rem;
}

.hmwevents-event-types {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin-top: 0.75rem;
}

.hmwevents-event-type-badge {
  display: inline-flex;
  align-items: center;
  gap: 0.375rem;
  padding: 1rem 2rem;
  /* font-size: 0.85rem; */
  font-weight: 500;
  border: 1px solid var(--bs-primary, #000);
  border-radius: 9999px;
  color: var(--bs-primary, #000);
  background: transparent;
}

.hmwevents-event-type-badge--hero {
  border-color: var(--theme-tertiary,var(--bs-tertiary));
  color: var(--theme-tertiary,var(--bs-tertiary));
}

/* -----------------------------------------------------------------------
 * Meta Sidebar
 * ----------------------------------------------------------------------- */
.hmwevents-event-meta {
  background: var(--bs-warm_sand, #f5f0e8);
  padding: 4rem;
  border-radius: 0.5rem;
  align-self: start;
}

.hmwevents-meta-item {
  margin-bottom: 1rem;
  line-height: 1.5;
}

.hmwevents-meta-item:last-child {
  margin-bottom: 0;
}

.hmwevents-meta-item strong {
  display: block;
  /* font-size: 1.4rem; */
  font-weight: 600;
  letter-spacing: 0.06em;
  color: var(--bs-primary, #6c757d);
  margin-bottom: 0.25rem;
}

.hmwevents-meta-item small {
  display: block;
  font-size: 1.1rem;
  margin-top: 0.125rem;
}

.hmwevents-meta-item a {
  color: var(--bs-primary, #000);
  text-decoration: underline;
  font-weight: 500;
}

/* Price highlight */
.hmwevents-price {
  font-weight: 600;
  color: var(--bs-primary, #000);
}

.hmwevents-price strong {
  font-weight: 600;
}

/* -----------------------------------------------------------------------
 * Content
 * ----------------------------------------------------------------------- */
.hmwevents-event-content h2 {
  font-size: 1.5rem;
  font-weight: 700;
  margin-bottom: 1rem;
  color: var(--bs-primary, #000);
}

.hmwevents-event-content p {
  margin-bottom: 1rem;
  line-height: 1.7;
}

.hmwevents-event-content a {
  color: var(--bs-primary, #000);
  text-decoration: underline;
}

/* -----------------------------------------------------------------------
 * Booking Form Container
 * ----------------------------------------------------------------------- */
.hmwevents-booking-form-container {
  background: var(--bs-warm_sand, #f5f0e8);
  padding: 1.5rem;
  border-radius: 0.5rem;
}

/* -----------------------------------------------------------------------
 * Responsive — single column on mobile
 * ----------------------------------------------------------------------- */
@media (max-width: 767px) {
  .hmwevents-single-event {
    gap: 1.5rem;
  }

  .hmwevents-event-title {
    font-size: 1.75rem;
  }

  .hmwevents-event-meta,
  .hmwevents-booking-form-container {
    padding: 1.25rem;
  }
}