/* =========================================================================
   HDK Programm – Vortragsübersicht (zwei Tages-Spalten mit Zeitschiene)
   Klassen werden in Elementor unter Erweitert → CSS-Klassen vergeben.
   Alle Regeln sind mit .hdk-programm präfixiert, damit sie Elementors
   Container-Defaults (.e-con) sicher überschreiben.
   ========================================================================= */

.hdk-programm {
  --hdk-navy: #0B2B5B;
  --hdk-green: #17C41B;
  --hdk-green-ink: #0E8F12;
  --hdk-ink: #16233A;
  --hdk-muted: #5F6F86;
  --hdk-line: #D8E1EC;
  --hdk-line-soft: #E8EEF5;
  --hdk-chip: #E6EEF8;
  --hdk-card: #FFFFFF;
  /* Schriften der Website: Saira für Überschriften, Systemschrift im Fließtext */
  --hdk-display: "Saira", "Saira Semi Condensed", "Segoe UI", Arial, sans-serif;
  --hdk-body: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  color: var(--hdk-ink);
  font-family: var(--hdk-body);
  line-height: 1.45;
}

/* Elementor-Container innerhalb der Komponente: kein Standard-Padding / -Margin,
   Abstände kommen ausschließlich aus diesem Stylesheet. */
.hdk-programm .e-con,
.hdk-programm .e-con-inner {
  padding: 0 !important;
  margin: 0 !important;
  min-height: 0 !important;
}
.hdk-programm .elementor-widget { margin-bottom: 0; }
.hdk-programm .jet-listing-dynamic-field__content { line-height: inherit; }

/* ---------- Zwei Tages-Spalten ---------- */
.hdk-programm .hdk-days {
  display: grid !important;
  grid-template-columns: 1fr 1fr;
  gap: 40px !important;
  align-items: start !important;
}
@media (max-width: 767px) {
  .hdk-programm .hdk-days { grid-template-columns: 1fr; gap: 36px !important; }
}

.hdk-programm .hdk-day {
  display: flex !important;
  flex-direction: column !important;
  gap: 4px !important;
  min-width: 0;
  width: 100% !important;
}

/* ---------- Tageskopf ---------- */
.hdk-programm .hdk-day__head {
  display: grid !important;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 0 16px !important;
  align-items: end !important;
  padding: 0 0 14px !important;
  border-bottom: 3px solid var(--hdk-navy);
  width: 100% !important;
}
.hdk-programm .hdk-day__head > .e-con {
  width: auto !important;
  min-width: 0;
  align-self: end !important;
}
.hdk-programm .hdk-day__numwrap {
  display: flex !important;
  flex-direction: column !important;
  gap: 6px !important;
}
.hdk-programm .hdk-day__eyebrow .elementor-heading-title {
  font-family: var(--hdk-display);
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--hdk-green-ink);
  line-height: 1;
  margin: 0;
}
.hdk-programm .hdk-day__num .jet-listing-dynamic-field__content {
  font-family: var(--hdk-display);
  font-weight: 700;
  font-size: 56px;
  line-height: 0.9;
  letter-spacing: -0.02em;
  color: var(--hdk-navy);
  font-variant-numeric: tabular-nums;
}
.hdk-programm .hdk-day__info {
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  gap: 2px !important;
  padding: 0 0 6px !important;
}
.hdk-programm .hdk-day__title .jet-listing-dynamic-field__content {
  font-family: var(--hdk-display);
  font-weight: 700;
  font-size: 22px;
  line-height: 1.1;
  color: var(--hdk-ink);
}
.hdk-programm .hdk-day__meta .jet-listing-dynamic-field__content,
.hdk-programm .hdk-day__meta .elementor-heading-title {
  font-size: 14px;
  color: var(--hdk-muted);
  font-variant-numeric: tabular-nums;
  margin: 0;
}
@media (max-width: 767px) {
  .hdk-programm .hdk-day__num .jet-listing-dynamic-field__content { font-size: 48px; }
}

/* ---------- Listing Grid als Zeitschiene ---------- */
.hdk-programm .hdk-talks .jet-listing-grid__items {
  position: relative;
  gap: 0 !important;
  grid-template-columns: 1fr !important;
}
.hdk-programm .hdk-talks .jet-listing-grid__items::before {
  content: "";
  position: absolute;
  left: 66px;
  top: 14px;
  bottom: 14px;
  width: 1px;
  background: var(--hdk-line);
}
.hdk-programm .hdk-talks .jet-listing-grid__item {
  border-bottom: 1px solid var(--hdk-line-soft);
}
.hdk-programm .hdk-talks .jet-listing-grid__item:last-child { border-bottom: 0; }
.hdk-programm .hdk-talks .jet-listing-grid__item > .elementor { width: 100%; }

/* Leerer Zustand des Listing Grids */
.hdk-programm .hdk-talks .jet-listing-not-found {
  padding: 18px 0 0 84px;
  font-size: 14.5px;
  color: var(--hdk-muted);
}

/* ---------- Eine Vortragszeile ---------- */
.hdk-programm .hdk-talk {
  display: grid !important;
  grid-template-columns: 54px 24px minmax(0, 1fr);
  gap: 0 !important;
  padding: 18px 0 20px !important;
  width: 100% !important;
  max-width: none !important;
}
.hdk-programm .hdk-talk > .e-con { width: auto !important; min-width: 0; }

/* Zeit (Spalte 1) + Punkt auf der Zeitschiene (in Spalte 2) */
.hdk-programm .hdk-talk__time {
  grid-column: 1;
  position: relative;
  display: flex !important;
  flex-direction: column !important;
  gap: 0 !important;
  text-align: right;
  padding: 3px 0 0 !important;
  font-family: var(--hdk-display);
  font-variant-numeric: tabular-nums;
}
/* Elementor belegt .e-con::before für Overlays – daher ::after */
.hdk-programm .hdk-talk__time::after {
  content: "";
  position: absolute;
  right: -18px;   /* Mitte der 24px-Spalte (Linie bei 66px) */
  top: 8px;
  width: 11px;
  height: 11px;
  border-radius: 50%;
  background: var(--hdk-green);
  box-shadow: 0 0 0 3px var(--hdk-card);
}
.hdk-programm .hdk-talk__time .jet-listing-dynamic-field__content { text-align: right; }
.hdk-programm .hdk-talk__start .jet-listing-dynamic-field__content {
  font-weight: 600;
  font-size: 15px;
  line-height: 1.2;
  color: var(--hdk-navy);
}
.hdk-programm .hdk-talk__end .jet-listing-dynamic-field__content {
  font-weight: 400;
  font-size: 13px;
  line-height: 1.4;
  color: var(--hdk-muted);
}

.hdk-programm .hdk-talk__body {
  grid-column: 3;
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  gap: 8px !important;
  min-width: 0;
  padding: 0 0 0 6px !important;
}

/* Pausen (optional: Zeile mit Zusatzklasse hdk-talk--break) */
.hdk-programm .hdk-talk--break .hdk-talk__time::after { background: var(--hdk-line); }
.hdk-programm .hdk-talk--break .hdk-talk__title .jet-listing-dynamic-field__content {
  color: var(--hdk-muted);
  font-weight: 600;
  font-size: 15px;
}

/* Chips: Raum / Sprache */
.hdk-programm .hdk-talk__meta {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: wrap;
  gap: 6px !important;
}
.hdk-programm .hdk-talk__meta:not(:has(.jet-listing-dynamic-field__content)) { display: none !important; }
.hdk-programm .hdk-talk__meta .elementor-widget { width: auto; }
.hdk-programm .hdk-chip .jet-listing-dynamic-field__content {
  display: inline-block;
  font-family: var(--hdk-display);
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.02em;
  line-height: 1.5;
  padding: 2px 8px;
  border-radius: 3px;
  background: var(--hdk-chip);
  color: var(--hdk-navy);
}
.hdk-programm .hdk-chip--lang .jet-listing-dynamic-field__content {
  background: transparent;
  border: 1px solid var(--hdk-line);
  color: var(--hdk-muted);
  text-transform: uppercase;
}
.hdk-programm .hdk-chip--session .jet-listing-dynamic-field__content {
  background: var(--hdk-navy);
  color: #fff;
}

/* Titel */
.hdk-programm .hdk-talk__title .jet-listing-dynamic-field__content,
.hdk-programm .hdk-talk__title .jet-listing-dynamic-field__content h3 {
  font-family: var(--hdk-display);
  font-weight: 700;
  font-size: 18px;
  line-height: 1.25;
  color: var(--hdk-ink);
  margin: 0;
  text-wrap: balance;
}
.hdk-programm .hdk-talk__title a { color: inherit; text-decoration: none; }
.hdk-programm .hdk-talk__title a:hover {
  color: var(--hdk-navy);
  text-decoration: underline;
  text-decoration-color: var(--hdk-green);
  text-underline-offset: 3px;
}

/* Themenpunkte (Callback „HDK: Zeilen als Liste“) */
.hdk-programm .hdk-talk__subjects {
  margin: 0;
  padding: 0 0 0 16px;
  list-style: disc;
  display: flex;
  flex-direction: column;
  gap: 2px;
  font-size: 14.5px;
  line-height: 1.4;
  color: var(--hdk-muted);
}
.hdk-programm .hdk-talk__subjects li { margin: 0; }
.hdk-programm .hdk-talk__subjects li::marker { color: var(--hdk-green); }

/* Kurztext als Alternative zu Themenpunkten */
.hdk-programm .hdk-talk__excerpt .jet-listing-dynamic-field__content {
  font-size: 14.5px;
  color: var(--hdk-muted);
  max-width: 60ch;
}

/* Referenten */
.hdk-programm .hdk-speakers {
  display: flex !important;
  flex-direction: column !important;
  gap: 6px !important;
  margin-top: 4px !important;
}
.hdk-programm .hdk-speaker {
  display: grid !important;
  grid-template-columns: 34px minmax(0, 1fr);
  gap: 10px !important;
  align-items: center !important;
}
.hdk-programm .hdk-speaker > .e-con { width: auto !important; min-width: 0; }
/* Co-Referenten-Zeile ausblenden, wenn das Feld leer ist
   (Dynamic Field mit „Hide if empty“ rendert dann gar nichts) */
.hdk-programm .hdk-speaker--co:not(:has(.jet-listing-dynamic-field__content)) { display: none !important; }
/* Referenten-Zeile ganz ausblenden, wenn kein Name vorhanden ist */
.hdk-programm .hdk-speaker:not(:has(.hdk-speaker__name .jet-listing-dynamic-field__content)) { display: none !important; }
.hdk-programm .hdk-speakers:not(:has(.hdk-speaker__name .jet-listing-dynamic-field__content)) { display: none !important; }

.hdk-programm .hdk-speaker__mono .jet-listing-dynamic-field__content {
  width: 34px;
  height: 34px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  background: var(--hdk-navy);
  color: #fff;
  font-family: var(--hdk-display);
  font-weight: 700;
  font-size: 12px;
  letter-spacing: 0.04em;
  line-height: 1;
}
.hdk-programm .hdk-speaker--co .hdk-speaker__mono .jet-listing-dynamic-field__content {
  background: var(--hdk-chip);
  color: var(--hdk-navy);
}
.hdk-programm .hdk-speaker__text {
  display: flex !important;
  flex-direction: column !important;
  gap: 0 !important;
  min-width: 0;
}
.hdk-programm .hdk-speaker__name .jet-listing-dynamic-field__content {
  font-weight: 600;
  font-size: 15px;
  line-height: 1.2;
  color: var(--hdk-ink);
}
.hdk-programm .hdk-speaker--co .hdk-speaker__name .jet-listing-dynamic-field__content { font-weight: 400; }
.hdk-programm .hdk-speaker__company .jet-listing-dynamic-field__content,
.hdk-programm .hdk-speaker__company .elementor-heading-title {
  font-size: 13px;
  line-height: 1.3;
  color: var(--hdk-muted);
  margin: 0;
  font-weight: 400;
}

/* Mobil */
@media (max-width: 767px) {
  .hdk-programm .hdk-talk { grid-template-columns: 48px 22px minmax(0, 1fr); }
  .hdk-programm .hdk-talks .jet-listing-grid__items::before { left: 59px; }
  .hdk-programm .hdk-talk__time::after { right: -17px; }
}