/* Workshop-Butler-Widgets: Theme-Anpassung an KI-Hafen-CD/CI.
   Überschreibt Standard-Klassen von widgets.1.20.0.min.css (gleiches Prinzip wie
   die Flowdays-Integration: eigenes CSS auf .wsb-*-Klassen, kein Custom-JS-Build).
   Siehe ANLEITUNG-Workshop-Butler-Widget.md */

#wsb-schedule, #wsb-event-page, #wsb-registration {
  font-family: var(--sans);
  color: var(--ink);
}

/* Sprach-/Trainer-Filter ausblenden (Wunsch: nicht sichtbar) */
.wsb-filters { display: none !important; }

/* "Powered by Workshop Butler" ausblenden */
.wsb-copyright { display: none !important; }

/* ---- Terminliste (Schedule-Widget) ---- */
.wsb-schedule.wsb-table-container { border-top: 1px solid var(--border); }

.wsb-table__row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px 24px;
  padding: 22px 4px;
  border-bottom: 1px solid var(--border);
}
.wsb-table__row:last-child { border-bottom: none; }

.wsb-table__col-schedule {
  font-family: var(--serif);
  font-weight: 600;
  font-size: 17px;
  color: var(--ink);
  flex: 0 0 auto;
}
.wsb-table__col-location {
  font-size: 14px;
  color: var(--caption);
  flex: 0 0 auto;
}
.wsb-table__col-title { flex: 1 1 220px; }
a.wsb-table__link,
a.wsb-table__link:link,
a.wsb-table__link:visited {
  font-family: var(--serif);
  font-weight: 600;
  font-size: 18px;
  color: var(--ink) !important;
  text-decoration: none !important;
}
a.wsb-table__link:hover,
a.wsb-table__link:focus { color: var(--magenta) !important; }

.wsb-table__col-trainers { display: flex; flex: 0 0 auto; }
.wsb-table__col-trainers .wsb-trainer { display: flex; }
.wsb-table__col-trainers .wsb-photo {
  width: 32px; height: 32px; border-radius: 50%; object-fit: cover;
  border: 2px solid var(--card); margin-left: -10px;
}
.wsb-table__col-trainers .wsb-trainer:first-child .wsb-photo { margin-left: 0; }

.wsb-table__col-register { margin-left: auto; flex: 0 0 auto; }
a.wsb-table__btn,
a.wsb-table__btn:link,
a.wsb-table__btn:visited {
  display: inline-block;
  font-family: var(--sans);
  font-weight: 600;
  font-size: 14.5px;
  color: #FFFFFF !important;
  background: var(--magenta);
  border: none;
  border-radius: 999px;
  padding: 11px 22px;
  text-decoration: none !important;
  cursor: pointer;
  transition: background .15s ease;
}
a.wsb-table__btn:hover,
a.wsb-table__btn:focus { background: var(--magenta-hover); color: #FFFFFF !important; }
.wsb-table__btn[disabled] { background: var(--border2); color: var(--caption) !important; cursor: not-allowed; }

/* Badges (Early Bird, Sold out, Gratis, ...) */
.wsb-tag, .wsb-free {
  display: inline-block;
  font-size: 11.5px;
  font-weight: 600;
  letter-spacing: .04em;
  text-transform: uppercase;
  border-radius: 999px;
  padding: 4px 10px;
  margin-left: 8px;
}
.wsb-tag__earlybird, .wsb-free { background: var(--yellow); color: var(--yellow-text); }
.wsb-tag__soldout { background: var(--border2); color: var(--caption); }
.wsb-tag__blackfriday { background: var(--ink); color: var(--paper); }

/* ---- EventPage-Widget ---- */
#wsb-event-page .wsb-header h1 {
  font-family: var(--serif); font-weight: 600; color: var(--ink); margin: 0 0 12px;
}
#wsb-event-page .wsb-info { font-size: 15px; color: var(--muted); line-height: 1.6; }
#wsb-event-page a.wsb-register__btn,
#wsb-event-page a.wsb-register__btn:link,
#wsb-event-page a.wsb-register__btn:visited {
  display: inline-block;
  font-family: var(--sans); font-weight: 600; font-size: 16px;
  color: #FFFFFF !important; background: var(--magenta);
  border-radius: 999px; padding: 13px 26px; text-decoration: none !important;
}
#wsb-event-page a.wsb-register__btn:hover { background: var(--magenta-hover); }

/* ---- RegistrationPage-Widget (Anmeldung + Zahlung) ---- */
#wsb-registration button,
#wsb-registration input[type="submit"] {
  font-family: var(--sans); font-weight: 600;
  background: var(--magenta); color: #FFFFFF;
  border: none; border-radius: 999px;
}
#wsb-registration button:hover,
#wsb-registration input[type="submit"]:hover { background: var(--magenta-hover); }