/*
 * Buchhalde Events – Basis-Styles für Karten-Darstellung
 *
 * Ziel: neutrale, leicht überschreibbare Card-Optik, die sich in WP-Themes einfügt,
 * ohne Bootstrap o.ä. vorauszusetzen. Theme kann per CSS variieren.
 */

.buchhalde-events-list {
  margin: 0;
  padding: 0;
}

.buchhalde-event-card {
  /* Neutraler Hintergrund; kann im Theme überschrieben werden */
  background: #ffffff;
  border: 1px solid rgba(0, 0, 0, 0.08);
  border-radius: 8px;
  padding: 3px; /* nochmals reduziert */
  margin: 0; /* Karten docken direkt aneinander an */
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
}

/* Abgesagte Termine: dezenter "disabled"-Look */
.buchhalde-event.is-canceled {
  background: #fafafa;
  border-color: rgba(0, 0, 0, 0.1);
}
.buchhalde-event.is-canceled .buchhalde-event-body,
.buchhalde-event.is-canceled .buchhalde-event-body small,
.buchhalde-event.is-canceled .buchhalde-event-title,
.buchhalde-event.is-canceled .buchhalde-event-site {
  color: #777 !important;
}
.buchhalde-event.is-canceled .buchhalde-event-thumb img {
  filter: grayscale(100%);
  opacity: 0.65;
}

/* Auffälliges Badge für Absage-Hinweis */
.buchhalde-event-badge {
  display: inline-block;
  font-weight: 600;
  font-size: 12px;
  padding: 4px 8px;
  border-radius: 6px;
  margin: 0 0 6px 0;
}
.buchhalde-event-badge.canceled {
  background: #fee2e2; /* rot-hell */
  color: #991b1b;      /* rot-dunkel */
  border: 1px solid #fecaca;
}

.buchhalde-event-title {
  font-weight: 600;
  margin: 0 0 1px 0; /* sehr eng */
  /* Gruppenname in einer Zeile, kein Umbruch – Überlänge mit Ellipsis */
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.buchhalde-event-dt {
  color: #555;
  margin: 0 0 1px 0; /* sehr eng */
}

.buchhalde-event-site {
  color: #666;
  margin: 0 0 1px 0; /* noch enger */
}

.buchhalde-event-desc {
  color: #666;
  margin: 0 0 2px 0; /* klein, knapp über Datum */
}

/* Kurzbeschreibung bewusst noch kleiner als standard-<small> rendern */
.buchhalde-event-desc small {
  font-size: 0.75em;
  /* Maximal zwei Zeilen anzeigen (Multi‑Line Clamp) */
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.buchhalde-event-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 4px 8px; /* noch enger */
  align-items: center;
}

/* Button-Optik wird primär durch Core-Klassen geliefert. Hier nur minimale Anpassungen. */
.buchhalde-event-book-link.button,
.buchhalde-event-book-link.wp-element-button {
  margin-left: 0;
}

/* Thumbnail-Layout – die Inline-Styles setzen max-width, hier nur Ergänzungen */
.buchhalde-event-thumb img {
  border-radius: 6px;
}

/* Generell etwas engere Zeilenhöhe innerhalb der Card */
.buchhalde-event-body,
.buchhalde-event-body small {
  line-height: 1.2; /* noch kompakter */
}

/* Kleinere Viewports: Bild oberhalb, Abstände anpassen */
@media (max-width: 600px) {
  .buchhalde-event-thumb {
    float: none !important;
    margin: 0 0 10px 0 !important;
    max-width: 100% !important;
  }
}