/* =====================================================
   Raumfinder – Soft Filter Design
   ===================================================== */

/* =====================================================
   Globale Primary-Button Overrides (Brand Orange)
   ===================================================== */

.btn-primary,
button.btn-primary,
a.btn-primary,
input[type="submit"].btn-primary {
    background: linear-gradient(90deg, #ffcb1f, #ffb11c, #ff9c01) !important;
    color: #111 !important;
    border: 1px solid #8a8a8a !important;
    border-radius: 999px !important;
    font-weight: 700 !important;
    box-shadow: none !important;
}

.btn-primary:hover,
button.btn-primary:hover,
a.btn-primary:hover {
    background: linear-gradient(90deg, #ffc000, #ffab00, #ff9300) !important;
    color: #111 !important;
    border-color: #666 !important;
}

.btn-primary:focus,
.btn-primary:active,
.btn-primary:focus-visible {
    background: linear-gradient(90deg, #ffc000, #ffab00, #ff9300) !important;
    color: #111 !important;
    border-color: #666 !important;
    box-shadow: none !important;
    outline: none !important;
}

/* Hintergrund */
html,
body,
main,
.container,
.container-fluid,
.card,
.modal-content,
.rf-card,
.room-card,
.filter-card {
    background: #fff6e9 !important;
    color: #000 !important;
}

/* Cards */
.card,
.rf-card,
.room-card,
.filter-card,
.partner-card,
.room-result-card {
    background: #fff6e9 !important;
    border: 1px solid #e0d8cb !important;
    box-shadow: none !important;
}

/* Inputs bleiben weiss */
.form-control,
.form-select,
input,
select,
textarea {
    background: #ffffff !important;
    color: #000 !important;
    border: 1px solid #bdbdbd !important;
    box-shadow: none !important;
}

.form-control:focus,
.form-select:focus,
input:focus,
select:focus,
textarea:focus {
    border-color: #999 !important;
    box-shadow: none !important;
}

/* =====================================================
   Filter Buttons / Tags
   ===================================================== */

#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,
.partner-filter-tag {

    background: #ffffff !important;
    color: #000 !important;

    border: 1px solid #bdbdbd !important;
    border-radius: 999px !important;

    font-weight: 500 !important;

    box-shadow: none !important;
    transition: all .15s ease;
}

/* Hover */
#filtersForm .btn-outline-primary:hover,
#filtersForm .filter-chip:hover,
#filtersForm .tag-chip:hover,
#filtersForm [data-field-filter]:hover,
.partner-filter-tag:hover {

    background: #fafafa !important;
    border-color: #9e9e9e !important;
}

/* Aktive Filter */
#filtersForm .btn-outline-primary.active,
#filtersForm .filter-chip.active,
#filtersForm .tag-chip.active,
#filtersForm [data-field-filter].active,
.partner-filter-tag.active {

    background: linear-gradient(
        90deg,
        #ffcb1f,
        #ffb11c,
        #ff9c01
    ) !important;

    color: #000 !important;
    border: 2px solid #000 !important;
}

/* Partner Tags etwas kompakter */
.partner-filter-tag {
    padding: 6px 14px !important;
    font-size: 0.95rem !important;
}

/* Filter Button unten rechts */
#filtersForm button[type="submit"],
#filtersForm .btn-primary {

    background: linear-gradient(
        90deg,
        #ffcb1f,
        #ffb11c,
        #ff9c01
    ) !important;

    border: 2px solid #000 !important;
    color: #000 !important;

    font-weight: 700 !important;
    box-shadow: none !important;
}

/* Schwarze Schrift überall */
h1, h2, h3, h4, h5, h6,
p, span, div, label,
.card-title,
.card-text {
    color: #000 !important;
}

/* =====================================================
   Suchfelder / Dropdowns
   ===================================================== */

.form-control,
.form-select,
input[type="text"],
input[type="number"],
input[type="search"],
select {

    background: #ffffff !important;
    color: #000 !important;

    border: 1px solid #bdbdbd !important;
    border-radius: 999px !important;

    font-weight: 500 !important;

    box-shadow: none !important;
}

.form-control:focus,
.form-select:focus,
input:focus,
select:focus {

    background: #ffffff !important;
    color: #000 !important;

    border: 1px solid #999 !important;
    box-shadow: none !important;
}

/* Placeholder */
::placeholder {
    color: #777 !important;
    opacity: 1;
}

/* =====================================================
   Filtern Button
   ===================================================== */

#filtersForm button[type="submit"],
#filtersForm .btn-primary,
#btnFilter {

    background: linear-gradient(
        90deg,
        #ffcb1f,
        #ffb11c,
        #ff9c01
    ) !important;

    color: #000 !important;

    border: 1px solid #8a8a8a !important;
    border-radius: 999px !important;

    font-weight: 600 !important;

    box-shadow: none !important;
}

#filtersForm button[type="submit"]:hover,
#filtersForm .btn-primary:hover,
#btnFilter:hover {

    background: linear-gradient(
        90deg,
        #ffc000,
        #ffab00,
        #ff9300
    ) !important;

    border-color: #666 !important;
}


/* filter-alignment-inputs-cards.css | http://raumfinder.local/assets/css/filter-alignment-inputs-cards.css?v=1 */

#filtersForm .form-control, #filtersForm .form-select, #filtersForm input:not([type="checkbox"]):not([type="radio"]), #filtersForm select, #filtersForm textarea {
  /* border: 3px solid var(--rf-black) !important; */
  border: 1px solid #999 !important;
}

/* brand-clean.css | http://raumfinder.local/assets/css/brand-clean.css?v=1 */

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

/* =====================================================
   Suchfelder / Dropdowns
   ===================================================== */

.form-control,
.form-select,
input[type="text"],
input[type="number"],
input[type="search"],
select {

    background: #ffffff !important;
    color: #000 !important;

    border: 1px solid #bdbdbd !important;
    border-radius: 999px !important;

    font-weight: 500 !important;

    box-shadow: none !important;
}

.form-control:focus,
.form-select:focus,
input:focus,
select:focus {

    background: #ffffff !important;
    color: #000 !important;

    border: 1px solid #999 !important;
    box-shadow: none !important;
}

/* Placeholder */
::placeholder {
    color: #777 !important;
    opacity: 1;
}

/* =====================================================
   Filtern Button
   ===================================================== */

#filtersForm button[type="submit"],
#filtersForm .btn-primary,
#btnFilter {

    background: linear-gradient(
        90deg,
        #ffcb1f,
        #ffb11c,
        #ff9c01
    ) !important;

    color: #000 !important;

    border: 1px solid #8a8a8a !important;
    border-radius: 999px !important;

    font-weight: 600 !important;

    box-shadow: none !important;
}

#filtersForm button[type="submit"]:hover,
#filtersForm .btn-primary:hover,
#btnFilter:hover {

    background: linear-gradient(
        90deg,
        #ffc000,
        #ffab00,
        #ff9300
    ) !important;

    border-color: #666 !important;
}

/* app.css | http://raumfinder.local/assets/css/app.css */

.tags-filter-shell {
  border: 0px solid #e9ecef; 
  padding: 0rem; 
}

/* buttons.css | http://raumfinder.local/assets/css/buttons.css?v=1 */

.card, .rf-card, .room-card, .filter-card, .partner-card, .room-result-card {
  /* border: 1px solid #e0d8cb !important; */
  border: 0px solid #e0d8cb !important;
}

/* In Webseite enthaltenes Stil-Dokument | http://raumfinder.local/account/room_edit.php?id=4612&landlord_id=2650 */

textarea.form-control {
  border-radius: 20px !important;
}