/*
 * com_anmeldung — Formular und Teilnehmerliste (CODE-20, #63)
 *
 * SEIT 1.4.0 FAST NUR NOCH UIKIT. Formular und Liste tragen die Klassen von
 * YOOthemes UIkit (uk-input, uk-button, uk-table …) und sehen damit aus wie
 * der Rest der Seite; ändert sich das Theme, ziehen sie mit (Schtütz,
 * 2026-09-28). Bis 1.3.0 stand hier ein eigenes Design mit 176 Zeilen.
 *
 * Was bleibt:
 *   - das Honeypot-Feld
 *   - die Verbindungsfarben der Teilnehmerliste, die die Spec ausdrücklich
 *     verlangt: Kopfzeile rosa, Statusgruppen und Summe grün, angekreuzte
 *     Tage hellgrün. Die Zebrastreifen kommen vom Theme (uk-table-striped).
 */

.anmeldung-liste {
    --av-rosa: #ED7F98;
    --av-gruen: #22730A;
    --av-gruen-hell: #DBEBD3;
}

/*
 * Das Honeypot-Feld.
 *
 * Nicht display:none und nicht uk-hidden — einige Bots überspringen genau das,
 * weil es der offensichtlichste Hinweis ist. Stattdessen aus dem sichtbaren
 * Bereich geschoben. aria-hidden und tabindex="-1" stehen im HTML, ein
 * Screenreader liest es also ebenso wenig vor wie die Tabulatortaste es
 * erreicht.
 */
.anmeldung__hp {
    position: absolute;
    left: -9999px;
    width: 1px;
    height: 1px;
    overflow: hidden;
}

/* --- Teilnehmerliste: die Verbindungsfarben ------------------------------ */

/* Die Selektoren tragen .uk-table mit, damit sie gegen die Regeln des Themes
   gewinnen, ohne !important. */
.anmeldung-liste .uk-table thead th {
    background: var(--av-rosa);
    color: #fff;
}

.anmeldung-liste .uk-table .anmeldung-liste__group th,
.anmeldung-liste .uk-table .anmeldung-liste__total th,
.anmeldung-liste .uk-table .anmeldung-liste__total td {
    background: var(--av-gruen);
    color: #fff;
    font-weight: 700;
}

.anmeldung-liste .uk-table td.anmeldung-liste__yes {
    background: var(--av-gruen-hell);
    color: var(--av-gruen);
    font-weight: 700;
}