/* BB Divi Event Row – simple, pill-based layout */
.bb-event-row-wrap{
  --bb-row-bg: #e9f5fd;
  --bb-pill-bg: #ffffff;      /* Day + Title pills */
  --bb-date-bg: #ffdac4;      /* Date pill */
  --bb-details-bg: #c8e6f9;   /* Details pill */
  --bb-pill-txt: #111827;
}

.bb-event-row{
  display:flex;
  align-items:center;
  gap:14px;
  padding:14px 18px;
  border-radius:22px;
  background: var(--bb-row-bg);
}

.bb-event-pill{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:10px 18px;
  border-radius:999px;
  background: var(--bb-pill-bg);
  color: var(--bb-pill-txt);
  white-space: nowrap;
}

.bb-event-dow{ min-width: 140px;   font-style: italic;
}
.bb-event-date{ min-width: 110px; background: var(--bb-date-bg); }

.bb-event-details{ background: var(--bb-details-bg); }

.bb-event-events{
  display:flex;
  align-items:center;
  flex: 1 1 auto;
  gap:18px;
  margin-left: 18px; /* more breathing room after the date pill */
  min-width: 0;
}

.bb-event-item{
  display:flex;
  align-items:center;
  gap:12px;
  min-width:0;
  flex: 0 1 420px;
}

.bb-event-title{
  display:block;
  min-width:0;
  font-weight: 700;
  /* Auto-wrap when needed */
  white-space: normal;
  overflow-wrap: anywhere;
  line-height: 1.2em;
}

/* White pill behind each event title */
.bb-event-title-pill{
  background: var(--bb-pill-bg);
  padding:10px 18px;
  border-radius:999px;
}

.bb-event-dots{
  display:inline-flex;
  align-items:center;
  gap:8px;
  flex: 0 0 auto;
}

.bb-event-dot{
  width:16px;
  height:16px;
  border-radius:999px;
  display:inline-block;
}

.bb-event-details{
  text-decoration:none;
  transition: transform 120ms ease, filter 120ms ease;
}

.bb-event-details:hover{
  transform: translateX(1px);
  filter: brightness(0.98);
}

/* Responsive: stack events and button gracefully */
@media (max-width: 767px){
  .bb-event-row{
    flex-wrap: wrap;
    gap:10px;
  }
  .bb-event-dow,
  .bb-event-date{
    flex: 0 0 auto;
  }
  .bb-event-events{
    flex: 1 1 100%;
    flex-wrap: wrap;
    gap:10px 14px;
  }
  .bb-event-details{
    margin-left:auto;
  }
}