/* Raumfinder Brand Clean Override
   Durchgängiger Hintergrund, schwarze Schrift, orange Akzente.
   Diese Datei NACH brand-overrides.css laden.
*/

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

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

/* Bootstrap Padding wie von dir angepasst */
@media (min-width:768px){
    .p-md-4{
        padding:0rem !important;
    }
}

/* Schrift immer schwarz */
body,
.navbar,
.navbar-brand,
.navbar .nav-link,
.card,
.room-section,
.filter-card,
.modal-content,
.dropdown-menu,
.form-label,
.text-muted,
.small,
label,
h1,h2,h3,h4,h5,h6,
p,
span,
div,
td,
th {
    color:var(--rf-black) !important;
}

/* Links schwarz, Hover orange */
a {
    color:var(--rf-black) !important;
}

a:hover {
    color:var(--rf-orange) !important;
}

/* Header */
.navbar{
    border-bottom:2px solid var(--rf-black) !important;
    box-shadow:none !important;
}

/* Dropdown leicht abheben */
.dropdown-menu{
    background:#fffaf2 !important;
    border:2px solid var(--rf-black) !important;
}

/* Inputs bleiben weiss */
.form-control,
.form-select,
input[type="text"],
input[type="number"],
input[type="email"],
input[type="url"],
textarea,
select {
    background:var(--rf-white) !important;
    color:var(--rf-black) !important;
    border:2px solid rgba(17,17,17,.22) !important;
    border-radius:14px !important;
}

.form-control:focus,
.form-select:focus,
textarea:focus,
select:focus {
    border-color:var(--rf-orange) !important;
    box-shadow:0 0 0 .18rem rgba(255,156,1,.22) !important;
}

/* Checkboxen */
.form-check-input{
    background-color:var(--rf-white) !important;
    border:2px solid rgba(17,17,17,.22) !important;
}

.form-check-input:checked{
    background-color:var(--rf-orange) !important;
    border-color:var(--rf-black) !important;
}

/* Tag-/Filter-Buttons: inaktiv weiss */
.btn-outline-primary,
.btn-outline-primary.rounded-pill,
button.btn-outline-primary,
button.btn-outline-primary.rounded-pill,
.filter-chip,
.tag-chip,
[data-field-filter],
.room-field-filter button,
.field-filter button {
    background:var(--rf-white) !important;
    color:var(--rf-black) !important;
    border:3px solid var(--rf-black) !important;
    border-radius:999px !important;
    box-shadow:none !important;
    font-weight:700 !important;
}

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

/* Filtern-Button gleich wie aktive Tag-Buttons */
.btn-primary,
button.btn-primary,
input[type="submit"].btn-primary,
#filtersForm button[type="submit"],
button[type="submit"].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;
    font-weight:700 !important;
}

.btn-primary:hover,
button.btn-primary:hover,
input[type="submit"].btn-primary:hover,
#filtersForm button[type="submit"]:hover {
    background:linear-gradient(
        90deg,
        var(--rf-yellow),
        #ffb36b,
        #ff7a00
    ) !important;
    color:var(--rf-black) !important;
    border-color:var(--rf-black) !important;
    box-shadow:none !important;
}

/* Cards / Panels ohne weissen Blocklook */
.card,
.room-section,
.filter-card,
.fields-panel,
.group-sidebar,
.stat-group,
.stat-result {
    border-color:rgba(17,17,17,.12) !important;
    box-shadow:none !important;
}

/* Badges ebenfalls schwarz/orange */
.badge,
.text-bg-primary,
.badge.text-bg-primary {
    color:var(--rf-black) !important;
}

.text-bg-primary,
.badge.text-bg-primary {
    background:var(--rf-orange) !important;
    border:1px solid var(--rf-black) !important;
}

/* Pagination */
.page-link{
    background:var(--rf-white) !important;
    color:var(--rf-black) !important;
    border-color:rgba(17,17,17,.22) !important;
}

.page-item.active .page-link{
    background:linear-gradient(
        90deg,
        var(--rf-yellow),
        var(--rf-soft-orange),
        var(--rf-orange)
    ) !important;
    color:var(--rf-black) !important;
    border-color:var(--rf-black) !important;
}

/* Karte */
#roomsOverviewMap,
#roomMap,
.leaflet-container{
    border:3px solid var(--rf-black) !important;
    border-radius:24px !important;
}

/* Leaflet Pins orange */
.leaflet-marker-icon{
    filter:hue-rotate(170deg) saturate(2.45) brightness(1.15) contrast(1.08);
}

/* Leaflet Controls */
.leaflet-control-zoom{
    border:2px solid var(--rf-black) !important;
}

.leaflet-control-zoom a{
    color:var(--rf-black) !important;
}

/* Falls irgendwo Bootstrap Blau auftaucht */
.text-primary{
    color:var(--rf-black) !important;
}

.bg-primary{
    background:var(--rf-orange) !important;
}

.border-primary{
    border-color:var(--rf-black) !important;
}