/* =========================================================
   Event-Form UI – Seite 4226
   ========================================================= */

/* ---------- Section-Headings vereinheitlichen ---------- */
.page-id-4226 .em-event-form h2,
.page-id-4226 .em-event-form h3 {
  font-size: 1.1rem;
  line-height: 1.3;
  font-weight: 600;
  margin: 2rem 0 0.75rem;
}

/* Keine Pseudo-Headings zulassen */
.page-id-4226 .em-event-form h2::before,
.page-id-4226 .em-event-form h3::before {
  content: none !important;
}

/* ---------- Labels ---------- */
.page-id-4226 .em-event-form label {
  display: block;
  font-weight: 500;
  margin-bottom: 0.25rem;
}

/* ---------- Inputs ---------- */
.page-id-4226 .em-event-form input[type="text"],
.page-id-4226 .em-event-form input[type="date"],
.page-id-4226 .em-event-form input[type="time"],
.page-id-4226 .em-event-form textarea,
.page-id-4226 .em-event-form select {
  width: 100%;
  padding: 0.45rem 0.6rem;
  font-size: 1rem;
  box-sizing: border-box;
}

/* ---------- Abstand zwischen Feldern ---------- */
.page-id-4226 .em-event-form .em-form-field {
  margin-bottom: 1rem;
}

/* ---------- Beschreibungstext unter Event-Name entfernen ---------- */
/* (Textknoten im .input-Div) */
.page-id-4226 .em-event-form .input {
  font-size: 0;
}

.page-id-4226 .em-event-form .input input {
  font-size: 1rem;
}

/* ---------- Details-Sektion ausblenden ---------- */
.page-id-4226 .em-event-form .em-event-details,
.page-id-4226 .em-event-form #em-event-details {
  display: none !important;
}

/* ---------- Submit-Button ---------- */
.page-id-4226 .em-event-form button,
.page-id-4226 .em-event-form input[type="submit"] {
  background: #ed6c17;
  border-color: #ed6c17;
  color: #fff;
  font-weight: 600;
  padding: 0.55rem 1.25rem;
  border-radius: 4px;
  cursor: pointer;
}

.page-id-4226 .em-event-form button:hover,
.page-id-4226 .em-event-form input[type="submit"]:hover {
  filter: brightness(0.95);
}

/* Hinweistext unter "Event Name" ausblenden (Textknoten nach dem Input) */
.page-id-4226 .em-event-form .event-form-name #event-name + * {
  display: none !important; /* falls direkt danach Elemente kommen (z.B. group.php) */
}

/* Textknoten selbst "stumm schalten": Container auf 0, Input wieder normal */
.page-id-4226 .em-event-form .event-form-name .input {
  font-size: 0;
  line-height: 0;
}

.page-id-4226 .em-event-form .event-form-name #event-name {
  font-size: 1rem;
  line-height: 1.2;
}
/* HARD FIX: Hinweistext (Textknoten) unter Event-Name unsichtbar machen */
.page-id-4226 .em-event-form section.event-form-name > .input {
  font-size: 0 !important;
  line-height: 0 !important;
}

/* Input selbst wieder normal */
.page-id-4226 .em-event-form section.event-form-name > .input > input#event-name {
  font-size: 1rem !important;
  line-height: 1.2 !important;
}


/* Hinweistext unter Event-Name entfernen (Textknoten im .input) */
.page-id-4226 form[id^="event-form-"] section.event-form-name .input {
  font-size: 0 !important;
  line-height: 0 !important;
}

/* Input wieder normal */
.page-id-4226 form[id^="event-form-"] section.event-form-name .input > #event-name {
  font-size: 1rem !important;
  line-height: 1.2 !important;
}