/* Raumfinder: Filter-/Card-Hintergrund einheitlich
   Ziel:
   - Seite, Filterbereich, Cards und Feld-Container: #fff6e9
   - Nur Inputs, Selects und nicht aktive Tag-Buttons bleiben weiss
   Diese Datei NACH brand-clean.css und filter-button-like-tags.css laden.
*/

:root{
    --rf-bg:#fff6e9;
    --rf-white:#ffffff;
    --rf-black:#111111;
    --rf-yellow:#ffbd00;
    --rf-soft-orange:#fcc490;
    --rf-orange:#ff9c01;
}

/* Grundfläche überall gleich */
html,
body,
main,
.navbar,
.container,
.container-fluid,
.card,
.card-body,
.rounded-4,
.room-section,
.filter-card,
.fields-panel,
.group-sidebar,
.stat-group,
.stat-result,
.modal-content {
    background:var(--rf-bg) !important;
}

/* Öffentlicher Filterbereich komplett beige */
#filtersForm,
#filtersForm > *,
#filtersForm .card,
#filtersForm .card-body,
#filtersForm .border,
#filtersForm .rounded,
#filtersForm .rounded-4,
#filtersForm .filter-card,
#filtersForm .field-filter,
#filtersForm .filter-group,
#filtersForm .room-field-group,
#filtersForm .room-field-filter,
#filtersForm .public-field-filter,
#filtersForm .field-filter-group,
#filtersForm [class*="filter"],
#filtersForm [class*="Filter"] {
    background:var(--rf-bg) !important;
}

/* Auch Bootstrap-Hintergrundklassen im Filter überschreiben */
#filtersForm .bg-white,
#filtersForm .bg-light,
.bg-white,
.bg-light {
    background:var(--rf-bg) !important;
}

/* Nur Eingabefelder bleiben weiss */
#filtersForm input:not([type="checkbox"]):not([type="radio"]),
#filtersForm select,
#filtersForm textarea,
.form-control,
.form-select {
    background:var(--rf-white) !important;
    color:var(--rf-black) !important;
}

/* Checkbox selbst bleibt weiss/orange */
.form-check-input {
    background-color:var(--rf-white) !important;
}

/* Nicht aktive Tags/Filterbuttons bleiben weiss */
#filtersForm .btn-outline-primary,
#filtersForm .btn-outline-primary.rounded-pill,
#filtersForm button.btn-outline-primary,
#filtersForm button.btn-outline-primary.rounded-pill,
#filtersForm .filter-chip,
#filtersForm .tag-chip,
#filtersForm [data-field-filter],
#filtersForm .room-field-filter button,
#filtersForm .field-filter button {
    background:var(--rf-white) !important;
    color:var(--rf-black) !important;
}

/* Aktive Tags orange */
#filtersForm .btn-check:checked + .btn-outline-primary,
#filtersForm .btn-outline-primary.active,
#filtersForm .btn-outline-primary:active,
#filtersForm button.btn-outline-primary.active,
#filtersForm .filter-chip.active,
#filtersForm .tag-chip.active,
#filtersForm [data-field-filter].active {
    background:linear-gradient(
        90deg,
        var(--rf-yellow),
        var(--rf-soft-orange),
        var(--rf-orange)
    ) !important;
    color:var(--rf-black) !important;
    box-shadow:none !important;
}

/* Filtern Button wie aktive Tags */
#filtersForm button[type="submit"],
#filtersForm .btn-primary {
    background:linear-gradient(
        90deg,
        var(--rf-yellow),
        var(--rf-soft-orange),
        var(--rf-orange)
    ) !important;
    color:var(--rf-black) !important;
    border:3px solid var(--rf-black) !important;
    border-radius:999px !important;
    box-shadow:none !important;
}

/* Der kompakte "Weitere Filter"-Button darf nicht von den
   generischen [class*="filter"]-Regeln auf beige/weiss umgefärbt werden. */
#filtersForm .public-filter-toggle {
    background:linear-gradient(
        90deg,
        var(--rf-yellow),
        var(--rf-soft-orange),
        var(--rf-orange)
    ) !important;
}

#filtersForm .public-filter-toggle > *,
#filtersForm .public-filter-toggle > * > * {
    background:transparent !important;
    background-color:transparent !important;
    box-shadow:none !important;
}

/* Rahmen dezenter, aber schwarz angehaucht */
#filtersForm .card,
#filtersForm .border,
#filtersForm .rounded-4,
.card,
.room-section,
.filter-card {
    border-color:rgba(17,17,17,.12) !important;
    box-shadow:none !important;
}

/* Schrift schwarz */
#filtersForm,
#filtersForm *,
.card,
.card *,
.room-section,
.room-section * {
    color:var(--rf-black) !important;
}

/* Ausnahmen: Platzhalter dürfen grau bleiben */
#filtersForm input::placeholder,
#filtersForm textarea::placeholder {
    color:rgba(17,17,17,.45) !important;
}
