/*
 * Nur das funktionale Formular-Layout des Form Managers.
 * Die optische Formulargestaltung liegt beim aktiven Theme.
 */
:where(.rc-form-manager__form) {
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    container-type: inline-size;
}

:where(.rc-form-manager__field) {
    grid-column: 1 / -1;
    min-width: 0;
}

:where(.rc-form-manager__field--full) {
    grid-column: span 12;
}

:where(.rc-form-manager__field--half) {
    grid-column: span 6;
}

:where(.rc-form-manager__field--third) {
    grid-column: span 4;
}

:where(.rc-form-manager__field--two-thirds) {
    grid-column: span 8;
}

:where(.rc-form-manager__submit) {
    grid-column: 1 / -1;
}

@container (max-width: 40rem) {
    :where(
        .rc-form-manager__field--half,
        .rc-form-manager__field--third,
        .rc-form-manager__field--two-thirds
    ) {
        grid-column: 1 / -1;
    }
}

:where(.rc-form-manager__help) {
    display: block;
}

/* Nur funktionales Verstecken des Honeypots, kein Theme-Styling. */
:where(.rc-form-manager__aux-field) {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip-path: inset(50%);
    white-space: nowrap;
    pointer-events: none;
}

/* Native hidden-Logik auch bei Theme-Regeln für Buttons erhalten. */
.rc-form-manager__file-clear[hidden] {
    display: none !important;
}

/* Proof-of-Work-Widget über die gesamte Formularbreite. */
:where(.rc-form-manager__altcha) {
    grid-column: 1 / -1;
    min-width: 0;
}

/* Auch bei Theme-Regeln dürfen verborgene Fehler nicht sichtbar sein. */
.rc-form-manager__altcha-feedback[hidden] {
    display: none !important;
}