/*
 * Frontend Zusatz-CSS (dezent)
 *
 * Wichtig: Keine Geometrie-/Layout-Eingriffe mehr.
 * Das Verhalten bleibt beim FilePond-Standard + filepond_widget.css.
 */

:root {
    --fp-fe-drop-bg: #f6fbff;
    --fp-fe-drop-border: #8eb8dd;
}

body.rex-theme-dark {
    --fp-fe-drop-bg: #2a3b4a;
    --fp-fe-drop-border: #6f8ea8;
}

@media (prefers-color-scheme: dark) {
    body.rex-has-theme:not(.rex-theme-light) {
        --fp-fe-drop-bg: #2a3b4a;
        --fp-fe-drop-border: #6f8ea8;
    }
}

input[data-widget="filepond"] ~ .filepond--root .filepond--panel-root,
input[data-widget="filepond"] + .filepond--root .filepond--panel-root,
.filepond-demo-uploader .filepond--panel-root {
    border-color: var(--fp-fe-drop-border);
    background: var(--fp-fe-drop-bg);
    /* KEIN min-height hier: .filepond--panel-top/-center/-bottom tragen ebenfalls
       die Klasse .filepond--panel-root; ein erzwungenes min-height blaeht panel-bottom
       auf und schiebt es per translateY unter den Root -> ueberdeckt die Hilfezeile.
       Die Dropzone-Hoehe wird ueber das .filepond--drop-label gesteuert (siehe unten). */
}

/*
 * KEIN min-height auf .filepond--root: FilePond bemisst den Root (und den blauen Panel-
 * Hintergrund) an der Hoehe des .filepond--drop-label. Ein zusaetzliches min-height am Root
 * blaeht nur den Container auf, waehrend der blaue Kasten bei der Label-Hoehe bleibt ->
 * Totraum unter dem Kasten + zu grosser Abstand zur Hilfezeile. Hoehe daher nur am Label.
 * position:relative bleibt (Quirks-Mode-Absicherung, verhindert Kollaps auf 0).
 */
input[data-widget="filepond"] ~ .filepond--root,
input[data-widget="filepond"] + .filepond--root,
.filepond-demo-uploader .filepond--root {
    position: relative;
}

/* Diese min-height bestimmt die Kastenhoehe; FilePond zieht Root + Panel-Hintergrund nach. */
input[data-widget="filepond"] ~ .filepond--root .filepond--drop-label,
input[data-widget="filepond"] + .filepond--root .filepond--drop-label,
.filepond-demo-uploader .filepond--drop-label {
    min-height: 90px !important;
}

.filepond-demo-uploader {
    margin-bottom: 22px;
}