/* Eigene CSS-Angaben für WP-ImmoMakler.
Wird nach dem mitgelieferten Plugin-CSS geladen,
Sie können somit die CSS-Angaben überschreiben oder ergänzen */

/* =========================================================
   WP-ImmoMakler – individuelle Anpassungen GWG
   ========================================================= */


/* ---------------------------------------------------------
   1. Drei Schieberegler nebeneinander
   --------------------------------------------------------- */

#immomakler-search-advanced .row {
    display: flex;
    flex-wrap: wrap;
}

#immomakler-search-advanced .row > [class*="col-"] {
    width: 33.333333%;
    float: none;
    padding-left: 15px;
    padding-right: 15px;
}


/* ---------------------------------------------------------
   2. Äußeren Abstand der Regler entfernen
   --------------------------------------------------------- */

#immomakler-search-advanced #collapseable-search .row {
    margin-left: -15px;
    margin-right: -15px;
}


/* ---------------------------------------------------------
   3. Abstand des Panel-Bodys entfernen
   --------------------------------------------------------- */

#immomakler-search-advanced .panel-body {
    padding-left: 0 !important;
    padding-right: 0 !important;
    padding-top: 0 !important;
}


/* ---------------------------------------------------------
   4. Kaufpreis ausblenden
   --------------------------------------------------------- */

#immomakler-search-advanced fieldset.row-kaufpreis {
    display: none !important;
}


/* ---------------------------------------------------------
   5. Suchbereich als Flex-Container
   --------------------------------------------------------- */

#immomakler-search-advanced {
    display: flex;
    flex-direction: column;
}


/* Panel-Heading nicht als eigenen Bereich behandeln */

#immomakler-search-advanced > .panel-heading {
    display: contents;
}


/* ---------------------------------------------------------
   6. Filterbereich
   --------------------------------------------------------- */

#immomakler-search-advanced > #collapseable-search {
    order: 2;
    padding-top: 0 !important;
}


/* ---------------------------------------------------------
   7. Treffer / Merkliste / Zurücksetzen
   --------------------------------------------------------- */

#immomakler-search-advanced .search-actions {
    order: 3;
    width: 100%;
    margin-top: 15px;
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
}


/* ---------------------------------------------------------
   8. Merkliste – Zahl als weißer Kreis
   --------------------------------------------------------- */

#immomakler-search-advanced .cart-count-badge {
    background: #ffffff !important;
    color: #333333 !important;

    border-radius: 50%;

    width: 18px;
    min-width: 18px;
    height: 18px;

    line-height: 18px;

    padding: 0;

    display: inline-block;
    text-align: center;
}


/* ---------------------------------------------------------
   9. Suchbereich ohne zusätzlichen oberen Abstand
   --------------------------------------------------------- */

#immomakler-search-advanced #collapseable-search {
    padding-top: 0 !important;
    margin-top: -10px !important;
}


/* ---------------------------------------------------------
   10. Mobile
   --------------------------------------------------------- */

@media (max-width: 767px) {

    #immomakler-search-advanced .row > [class*="col-"] {
        width: 100%;
        padding-left: 15px;
        padding-right: 15px;
    }

    #immomakler-search-advanced #collapseable-search .row {
        margin-left: 0;
        margin-right: 0;
    }

}


/* =========================================================
   11. SUCHPROFIL – GRAUES FELD OHNE RAHMEN
   ========================================================= */

#immomakler-search-agents-panel {
    border: none !important;
    box-shadow: none !important;
    background: transparent !important;
    margin-top: 20px;
}

#immomakler-search-agents-panel .panel-heading {
    border: none !important;
    background: #f5f5f5 !important;
    box-shadow: none !important;

    /* schmaleres Padding */
    padding: 10px 14px !important;
}


/* =========================================================
   12. RECHTEN PFEIL ORIGINAL BELASSEN
   ========================================================= */

/* Keine Veränderung am Original-Pfeil */


/* =========================================================
   13. ERGEBNISZEILE – LINIEN ENTFERNEN
   ========================================================= */

.paginator.row {
    border-top: none !important;
    border-bottom: none !important;
    box-shadow: none !important;
}

.paginator.row::before,
.paginator.row::after {
    display: none !important;
    border: none !important;
}


/* =========================================================
   14. ERGEBNISZEILE – LINKS UND RECHTS BÜNDIG
   ========================================================= */

.paginator.row .num-posts {
    padding-left: 0 !important;
}

.paginator.row .pages-nav {
    padding-right: 0 !important;
}





/* =========================================================
   16. ÜBERSCHRIFTEN DES IMMOBILIENANGEBOTS AUSBLENDEN
   ========================================================= */

#immomakler-archive .archive-title,
#immomakler-archive .archive-subtitle,
.immomakler .archive-title,
.immomakler .archive-subtitle {
    display: none !important;
}

/* =========================================================
   17. ORT & AUSSTATTUNG – ABGERUNDETE FELDER
   ========================================================= */

#immomakler-search .dropdown-toggle,
#immomakler-search-advanced .dropdown-toggle,
#immomakler-search button.dropdown-toggle,
#immomakler-search-advanced button.dropdown-toggle {
    border-radius: 18px !important;
}


/* =========================================================
   18. TREFFER-BUTTON – BLAU GEFÜLLT
   ========================================================= */

#immomakler-search .search-actions .btn,
#immomakler-search-advanced .search-actions .btn {

    background: #003B66 !important;
    border: 1px solid #003B66 !important;
    color: #ffffff !important;
    border-radius: 18px !important;
}


/* Lupe weiß */

#immomakler-search .search-actions .btn .glyphicon,
#immomakler-search-advanced .search-actions .btn .glyphicon {

    color: #ffffff !important;
}


/* Abstand zwischen Lupe und Text */

#immomakler-search .search-actions .glyphicon-search,
#immomakler-search-advanced .search-actions .glyphicon-search {

    margin-right: 7px !important;
}


/* =========================================================
   19. MERKLISTE – ABGERUNDET
   ========================================================= */

#immomakler-search .search-actions .immomakler-cart-button,
#immomakler-search-advanced .search-actions .immomakler-cart-button {
    border-radius: 18px !important;
}


/* =========================================================
   20. SUCHE ZURÜCKSETZEN – BLAU GEFÜLLT
   ========================================================= */

#immomakler-search .search-actions a,
#immomakler-search-advanced .search-actions a {

    background: #003B66 !important;
    border: 1px solid #003B66 !important;
    color: #ffffff !important;
    border-radius: 18px !important;
    box-shadow: none !important;
}



/* =========================================================
   21. SUCHPROFIL – GRAUES KÄSTCHEN
   ========================================================= */

#immomakler-search-agents-panel {
    background: transparent !important;
}


/* Graues Suchprofil-Kästchen */
#immomakler-search-agents-panel .panel-heading {
    background: #f5f5f5 !important;
    color: #003B66 !important;
    border: none !important;
    box-shadow: none !important;
}


/* Text blau */
#immomakler-search-agents-panel .panel-heading,
#immomakler-search-agents-panel .panel-heading a,
#immomakler-search-agents-panel .panel-heading span {
    color: #003B66 !important;
}


/* Glocke blau */
#immomakler-search-agents-panel .panel-heading .glyphicon,
#immomakler-search-agents-panel .panel-heading i {
    color: #003B66 !important;
}


/* Pfeil blau und nicht fett */
#immomakler-search-agents-panel
span.searchagent-icon-open.glyphicon.glyphicon-chevron-down {
    color: #003B66 !important;
    font-size: 14px !important;
    font-weight: normal !important;
    -webkit-font-smoothing: antialiased;
}

/* =========================================================
   DETAILS UND MERKLISTE BEI DEN IMMOBILIEN AUSBLENDEN
   ========================================================= */

.immomakler .property-actions {
    display: none !important;
}

/* =========================================================
   MERKLISTE KOMPLETT AUSBLENDEN
   ========================================================= */

#immomakler-search-advanced a.immomakler-cart-button {
    display: none !important;
}


/* =========================================================
   Mobile Suche anpassen
   ========================================================= */

@media (max-width: 767px) {

    button.immomakler-submit.btn.btn-primary {
        width: 100% !important;
        margin: 20px 0 12px 0 !important;
        box-sizing: border-box !important;
        display: block !important;
    }

    a.immomakler-search-reset {
        width: 100% !important;
        margin: 0 !important;
        box-sizing: border-box !important;
        display: block !important;
    }

}

@media (max-width: 767px) {

    /* Abstand zwischen den beiden Dropdowns */
    .immomakler-search-taxonomy .dropdown-toggle {
        margin-bottom: 10px !important;
    }

}



    /* Aufgeklapptes Auswahlfenster */
    .dropdown-menu.open {
        border-radius: 20px !important;
        overflow: hidden !important;
        padding: 7px !important;
        margin-top: 0px !important;
        box-sizing: border-box !important;
    }

    /* Einträge im Auswahlfenster */
    .dropdown-menu.open li {
        border-radius: 8px !important;
        margin-bottom: 2px;
    }

    /* Button "markierte auswählen" */
    .dropdown-menu.open button.btn.btn-sm.btn-default {
        border-radius: 20px !important;
        margin-top: 6px !important;
    }



@media (max-width: 767px) {

    .immomakler-search-agents-panel-toggle {
        width: 100% !important;
        min-height: 0 !important;
        margin: 0 !important;
        padding: 10px 12px !important;
        box-sizing: border-box !important;
        background: #F5F5F5 !important;
        border-radius: 10px !important;
        font-size: 14px !important;
        line-height: 1.4 !important;
    }

}

@media (max-width: 767px) {

    .properties {
        margin-top: 20px !important;
    }

}


/* =========================================================
   Mobile Reihenfolge ändern
   ========================================================= */

@media (max-width: 767px) {

    .immomakler-mobile-order {
        display: flex !important;
        flex-direction: column !important;
        width: 100% !important;
    }

    .immomakler-mobile-order > * {
        width: 100% !important;
        float: none !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        left: auto !important;
        right: auto !important;
    }

}


/* Hauptüberschrift */
    h1.property-title {
        font-size: 30px !important;
        color: #00517D !important;
    }

    /* Untertitel */
    h2.property-subtitle {
        color: #00517D !important;
    }

    /* Alle Bereichsüberschriften */
    .immomakler-single .panel-heading h2 {
        color: #00517D !important;
    }

.property-contact-form-cta-button {
        border-radius: 20px !important;
    }



/* =========================================================
   GEWERBE – Zimmer raus + Fläche/Kaltmiete volle Breite
   ========================================================= */

/* Zimmer ausblenden */
#immomakler-search-form:has(input[name="typ"][value="buero-praxis,buerohaus"]) .row-zimmer {
    display: none !important;
}

/* Fläche + Kaltmiete teilen sich die komplette Breite */
#immomakler-search-form:has(input[name="typ"][value="buero-praxis,buerohaus"]) .search-ranges {
    display: flex !important;
    flex-wrap: wrap !important;
}

/* Fläche */
#immomakler-search-form:has(input[name="typ"][value="buero-praxis,buerohaus"]) .row-qm {
    width: 50% !important;
    max-width: 50% !important;
    flex: 0 0 50% !important;
}

/* Kaltmiete */
#immomakler-search-form:has(input[name="typ"][value="buero-praxis,buerohaus"]) .row-kaltmiete {
    width: 50% !important;
    max-width: 50% !important;
    flex: 0 0 50% !important;
}

/* Kaltmiete NUR in der Wohnungsübersicht ausblenden */
.immomakler-archive:has(
    #immomakler-search-form input[name="typ"][value="wohnung"]
)
.property-data .data-kaltmiete {
    display: none !important;
}


/* Einzelansicht: Kaltmiete nur bei Wohnungen ausblenden */
.property-details li.data-wohnflaeche ~ li.data-kaltmiete {
    display: none !important;
}


/* Ort + Ausstattung – Hover heller */
.immomakler-search-taxonomy .dropdown-toggle:hover,
.immomakler-search-taxonomy .dropdown-toggle:focus {
    background-color: #f7f7f7 !important;
}

/* Wohnungssuche aufgeben entfernen */

#immomakler-search-agents-panel {
    display: none !important;
}


/* Gewerbe: Ausstattung ausblenden */
#immomakler-search-form:has(input[name="typ"][value="buero-praxis,buerohaus"])
.immomakler_object_feature {
    display: none !important;
}

/* Gewerbe: Orte über volle Breite */
#immomakler-search-form:has(input[name="typ"][value="buero-praxis,buerohaus"])
.immomakler_object_location {
    width: 100% !important;
    max-width: 100% !important;
    float: none !important;
    flex: 0 0 100% !important;
}

/* Dropdown selbst ebenfalls volle Breite */
#immomakler-search-form:has(input[name="typ"][value="buero-praxis,buerohaus"])
.immomakler_object_location > button {
    width: 100% !important;
}


/* Standard: Wohnungsbutton aus */
.zurueck-wohnung {
    display: none !important;
}

/* Bei einer Wohnung Wohnungsbutton anzeigen */
body:has(.property-details li.data-wohnflaeche) .zurueck-wohnung {
    display: block !important;
}

/* Bei einer Wohnung Gewerbe-Button aus */
body:has(.property-details li.data-wohnflaeche) .zurueck-gewerbe {
    display: none !important;
}