/**
 * Gravity Forms — ganze Auswahl-Box klickbar
 *
 * GF-Markup pro Option: <div class="gchoice"><input id="choice_X"><label for="choice_X">…</label></div>
 * Die Karten-Optik (Rahmen, Padding, Hover, Checked) sitzt auf .gchoice, die Trefferflaeche
 * lag aber nur auf Radio/Checkbox + Labeltext — der Rest der Box war tot.
 *
 * Fix ohne Layout-Aenderung: das Label bekommt eine transparente Overlay-Flaeche
 * (::after, inset:0) ueber die gesamte .gchoice-Box. Ein Klick irgendwo in der Box
 * trifft damit das Label und schaltet nativ den zugehoerigen Input.
 *
 * Gilt fuer alle Formulare (Kontakt #3, Kurse #2, Wasseranalyse #5/#6, …).
 */

.gform_wrapper .gchoice {
    position: relative;
}

.gform_wrapper .gchoice > label {
    cursor: pointer;
}

.gform_wrapper .gchoice > label::after {
    content: "";
    position: absolute;
    inset: 0;
    cursor: pointer;
    /* keine Farbe, kein Rahmen — nur Trefferflaeche */
}

/* Alles, was selbst anklickbar/bedienbar ist, bleibt ueber dem Overlay:
   Links im Label (Datenschutz/AGB — muessen den Link oeffnen, nicht togglen),
   der Input selbst und GF-„Andere"-Textfelder. */
.gform_wrapper .gchoice > input,
.gform_wrapper .gchoice a,
.gform_wrapper .gchoice input[type="text"],
.gform_wrapper .gchoice .gchoice_other_control,
.gform_wrapper .gchoice select {
    position: relative;
    z-index: 1;
}

/* Sichtbarer Fokus auf der ganzen Box, wenn der Input per Tastatur fokussiert ist.
   (Formulare 5/6 setzen das bereits eigenstaendig; hier als Default fuer alle.) */
.gform_wrapper .gchoice:has(input:focus-visible) {
    outline: 0.125rem solid currentColor;
    outline-offset: 0.125rem;
}