/* ---- tko-events-simple-list.css ---- */

/* reset UL padding & item spacing */
.tko-event-item {
  padding: 0.5em !important;
}

.tko-events-simple-list {
  list-style: none;
  margin: 0 !important;
  padding: 0 !important;
}

/* each <li> row spacing */
.tko-events-simple-list .tko-event-simple-item {
  margin: 0.125em 0 !important;
  transition: transform 0.2s ease !important;
  transform-origin: center center !important;
}

/* full-width clickable row */
.tko-events-simple-list .tko-event-simple-link {
  display: block;
  padding: 0 !important;
  box-shadow: none !important;
  background-color: rgba(var(--tko-cat-rgb), 0.1) !important;
  text-decoration: none !important;
  border-radius: 4px !important;
  transform: none !important;
  transition: background-color 0.2s ease, transform 0.2s ease !important;
  transform-origin: center center !important;
}

/* hover effect */
.tko-events-simple-list .tko-event-simple-link:hover {
  background-color: rgba(var(--tko-cat-rgb), 0.2) !important;
}

/* scale on hover */
.tko-events-simple-list .tko-event-simple-item:hover {
  transform: scale(1.02) !important;
}

/* ─── Per-line structure ─── */
.tko-event-line1,
.tko-event-line2 {
  display: flex;
  align-items: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* icon, title, time, location spacing */
.tko-events-simple-list .tko-event-simple-link > * {
  margin-right: 0.5em !important;
}
.tko-events-simple-list .tko-event-simple-link > *:last-child {
  margin-right: 0 !important;
}

/* ─── Force text black ─── */
.tko-events-simple-list .tko-event-simple-title,
.tko-events-simple-list .tko-event-simple-time,
.tko-events-simple-list .tko-event-simple-location {
  color: #000 !important;
}

/* ─── Headings ─── */
.tko-events-simple-list .tko-event-simple-title {
  font-weight: bold !important;
}

.tko-events-simple-list + h2.tko-events-date-heading,
.tko-events-date-heading {
  margin: 0 !important;
  padding: 0 !important;
  font-size: 1.2em !important;
  line-height: 1.2 !important;
}

/* ─── Font weight on hover ─── */
.tko-events-simple-list .tko-event-simple-item:hover
  .tko-event-simple-title,
.tko-events-simple-list .tko-event-simple-item:hover
  .tko-event-simple-time,
.tko-events-simple-list .tko-event-simple-item:hover
  .tko-event-simple-location {
  font-weight: bold !important;
  transition: font-weight 0.2s ease !important;
}

/* ─── Optional: limit icon width to prevent squashing ─── */
.tko-event-line1 i {
  flex-shrink: 0;
  margin-right: 0.4em;
}
.tko-event-line2 {
  margin-left: 1.5em; /* Adjust based on icon width */
}