/* assets/veranstaltungen.css */

/* Page Layout: nicht mehr "zentriert wie Login", sondern oben mit komfortabler Breite */
body.public-event {
  align-items: flex-start;          /* statt center */
  justify-content: center;
  padding: 22px 14px;
}

/* Hauptkarte breiter – aber responsiv */
body.public-event .card {
  width: min(760px, 96vw);
}
.card {
  width: min(650px, 92vw); !important
}
/* Formularbereiche */
.pub-section {
  margin-top: 14px;
}

/* Inputs sollen sich in Reihen sauber umbrechen */
.pub-row {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}

/* In Reihen sollen Inputs min-breit sein, aber nicht rauslaufen */
.pub-row .input {
  flex: 1 1 240px;
  min-width: 220px;
}

/* Personenblöcke: kein Overflow, sondern sauber umbrechen */
#personBlocks .card {
  width: 100%;
  overflow: hidden; /* verhindert "rauslaufen" bei Border-Radius */
}

/* Die innere Flex-Zeile in Personkarten */
#personBlocks [data-role="person-block"] > div:last-child {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}

/* Select/Input in Personkarten */
#personBlocks select.input,
#personBlocks input.input {
  flex: 1 1 220px;
  min-width: 200px;
}

/* Erfolg/Fehler deutlicher */
#pubError {
  background: rgba(176,0,32,.08);
  border: 1px solid rgba(176,0,32,.25);
  padding: 10px 12px;
  border-radius: 12px;
  margin: 10px 0;
}

#pubSuccess {
  background: rgba(103,139,67,.10);
  border: 1px solid rgba(103,139,67,.25);
  padding: 10px 12px;
  border-radius: 12px;
  margin: 10px 0;
}