/* kalender@home – Anmeldeformular (Komponenten-View + Modul mod_ek_kalenderhome).
 *
 * Orientiert sich an der Filter-Leiste der Veranstaltungsseite: die Feld-Optik
 * (dunkle transluzente Felder, Floating-Labels, Choices-Theming) kommt aus site.css
 * über die Klassen .ek-list-filter-bar / .ek-floating-field / form-select.
 * Diese Datei stellt die Leiste auf ein vertikales Formular um, whitet alle Schrift
 * auf reines #fff und gestaltet die Form-eigenen Elemente.
 * Dunkles Theme → für dunkle Section/Hero gedacht. site.css muss mitgeladen sein.
 */
.ek-kh { max-width: 460px; margin: 0 auto; }

/* Sticky/Grid/Stuck-Verhalten der Filter-Leiste neutralisieren → Felder untereinander */
.ek-kh-bar.ek-list-filter-bar {
    position: static; z-index: auto; margin: 0; padding: 0;
    background: transparent; backdrop-filter: none;
}
.ek-kh-bar .ek-list-filter-row { display: block !important; }   /* vertikal statt Grid */
.ek-kh-bar .ek-filter-field {
    display: block; width: 100%; margin: 0 0 1.15rem;           /* volle Breite, gestapelt */
}

/* Alle Schrift rein weiß */
.ek-kh .ek-kh-title { color: #fff; margin: 0 0 25px !important; font-size: 1.6rem; line-height: 1.2; }
.ek-kh .ek-kh-sub { color: #fff; margin: 0 0 25px !important; }
.ek-kh .ek-kh-em { font-weight: 500; }
.ek-kh .ek-kh-filterhint { color: #fff; font-size: 1rem !important; line-height: 1.5 !important; margin: 0 0 1.6rem !important; }

/* Floating-Labels rein weiß (Ruhe- und Float-Zustand) */
.ek-kh .ek-floating-label { color: #fff; }

/* Text in den Feldern/Selects rein weiß */
.ek-kh-bar .form-control,
.ek-kh-bar .form-select,
.ek-kh-bar .choices,
.ek-kh-bar .choices__inner,
.ek-kh-bar .choices__input,
.ek-kh-bar .choices__list--single .choices__item,
.ek-kh-bar .choices__list--multiple .choices__item,
.ek-kh-bar .choices__list--dropdown .choices__item { color: #fff !important; }

/* Submit im Akzent-Stil */
.ek-kh .ek-kh-submit {
    display: inline-block; margin: .3rem 0 0; padding: .7rem 1.6rem;
    background: var(--ek-accent, #0d9488); color: #fff;
    border: 0; border-radius: 8px;
    font-size: 1rem; font-weight: 600; line-height: 1.2; font-family: inherit;
    text-transform: none; letter-spacing: normal; cursor: pointer;
}
.ek-kh .ek-kh-submit:hover { filter: brightness(1.08); }
.ek-kh .ek-kh-submit:disabled { opacity: .6; cursor: default; }

.ek-kh .ek-kh-privacy {
    margin: .9rem 0 0 !important; font-size: 1rem !important; line-height: 1.4; color: #fff;
}
.ek-kh .ek-kh-privacy a { color: #fff; text-decoration: underline; }

.ek-kh .ek-kh-msg { margin-top: 1rem; padding: .6rem .8rem; border-radius: 6px; display: none; }
.ek-kh .ek-kh-msg.is-ok { display: block; background: rgba(26, 115, 64, .22); color: #fff; }
.ek-kh .ek-kh-msg.is-error { display: block; background: rgba(179, 38, 30, .22); color: #fff; }