.slider-color {
    background-color: #ffffff;
}
.catalog-dropdown-menu.show{
   background-color: #000000; 
}
.noUi-connects{
    background: #ffffff;
}
.noUi-base{
    background: #ffffff;
}

.noUi-connect{
    background: #efe7d7 !important;
}
.noUi-touch-area{
    background-color: #000000;
    border-radius: 15px;
}
.ui-slider-range{
    background: #ffffff;
}
.ui-slider-handle.ui-state-default,
.ui-slider-handle.ui-corner-all {
    background: #000000 !important;
}
.slider-inactive-color {
    background-color: #efe7d7;
}
.primary-color {
    background-color: #000000;
}
.secondary-fill{
    fill:#000000;
}
.secondary-color {
    background-color: #000000;
}
.secondary-text-color {
    color: #000000;
}
.third-color {
    background-color: #000000;
}
.third-text-color {
    color: #000000;
}
.primary-border-color{
    border-color: #000000;
}
.primary-box-shadow{
    box-shadow: 0px 0px 15px 0px #000000;
}
.primary-wp-floating-chat-input{
    box-shadow: 0px 0px 5px 0px #000000;
}

.secondary-border-color{
    border-color: #000000;
    box-shadow: 0px 0px 15px 0px #000000;
}
.secondary-box-shadow{
    box-shadow: 0px 0px 15px 0px #000000;
}
.secondary-wp-floating-chat-input{
    box-shadow: 0px 0px 5px 0px #000000;
}

.third-border-color{
    border-color: #000000;
    box-shadow: 0px 0px 15px 0px #000000;
}
.third-box-shadow{
    box-shadow: 0px 0px 15px 0px #000000;
}
.third-wp-floating-chat-input{
    box-shadow: 0px 0px 5px 0px #000000;
}
.dropdown-item:hover, .dropdown-item:focus {
    background-color: #000000 !important;
}
select{
    background-color: #000000;
}
.btn:hover{
    background-color: #000000;
}
.btn:focus {
    background-color: #000000;
}
#slider-range, #price-slider-range {
  background-color: #000000;
}

.btn-dark {
  
    --bs-btn-active-bg: #000000;
}
#mibtd{
    color: #000000;
}
#mibtd a{
    color: #000000;
}

/* === Kártya design === */
/* 2026-05-14: !important eltávolítva a #apartment-card-body szabályokból, hogy az Elementor
   scope CSS (.elementor-element-XXX #apartment-card-body, 0,1,1,0) felülírhassa a default
   plugin szabályokat (#apartment-card-body, 0,1,0,0). Default megmarad ha Elementor nem ad rá CSS-t. */
#apartment-card-body {
    background-color: #333334;
    border-radius: 0px;
    color: #ffffff;
    font-weight: 500;
}
#apartment-card-body small {
    color: #ffffff;
    font-weight: 600;
}
#apartment-card-body .text-success {
    color: #f4dbaa;
}
#apartment-card-body .list-view-price-container .text-success {
    color: #f4dbaa;
}
.list-view-price-container {
    color: #f4dbaa !important;
    text-align: left !important;
}
.mib-supported-price-value {
    color: #f4dbaa !important;
    font-weight: 700 !important;
}
#custom-card-container .card {
    border-radius: 0px !important;
    background-color: #ececec !important;
    border: 0px;
}
.card-image-wrapper {
    border-radius: 0px;
    margin-top: 10px !important;
    margin-bottom: 0px !important;
    width: 100% !important;
    margin-left: 0px !important;
    margin-right: 0px !important;
    height: 350px !important;
}
.card-image-wrapper .card-img-top {
    width: 100% !important;
    height: 350px !important;
    object-fit: cover !important;
}
.card-wrapper {
    height: 600px !important;
}

/* === Szűrő gomb + swiper === */
/* .search-mib-filter-container blokk eltávolítva 2026-05-14 — az Elementor scope CSS-t felülírta */
.swiper-button-next {
    color: #BCA889;
    font-weight: 700;
}
.swiper-button-prev {
    color: #BCA889;
    font-weight: 700;
}

/* === Méretek === */
.park-logo img {
    max-height: 40px !important;
    max-width: 150px !important;
}
.mib-residential-gallery img {
    height: 300px !important;
    object-fit: cover;
}
.apartment-info-box {
    background-color: #1e1e1e !important;
    border-radius: 0px !important;
}

/* ---- Revital Park token palette for the rezideo-plugin UI ----
 * Doubled class beats the plugin defaults in rezideo-catalog.css, which
 * loads after this file (same specificity would lose on source order). */
.rezideo-catalog.rezideo-catalog--mib {
    --rzc-primary: #282828;
    --rzc-secondary: #282828;
    --rzc-accent: #C0AC94;
    --rzc-chip-text: #282828;
    --rzc-chip-bg-active: #282828;
    --rzc-chip-text-active: #ffffff;
    --rzc-pill-bg: rgba(40, 40, 40, .08);
    --rzc-pill-bg-hover: rgba(40, 40, 40, .16);
}
.rezideo-filters-widget,
.rzc-account-popup {
    --rzc-primary: #282828;
    --rzc-secondary: #282828;
    --rzc-accent: #C0AC94;
    --rzc-chip-text: #282828;
    --rzc-chip-bg-active: #282828;
    --rzc-chip-text-active: #ffffff;
}

/* ---- Revital Park design tweaks (2026-07-22) ----
 * The panel buttons follow the live `body #view-toggle .btn.active` look
 * (#C0AC94 background, white text) and are compact enough for the filter
 * panel to fit the lakaslista icons container (.elementor-element-f36c151).
 * ID-based selectors beat both the plugin defaults (which load after this
 * file) and the theme button reset. */

/* Actions row: centered, compact */
#rezideo-catalog .rezideo-catalog__actions {
    justify-content: center;
    gap: 10px 12px;
}

/* Bottom two buttons: "Tovabbi szurok" trigger + "Szurok torlese" */
#rezideo-catalog button.rezideo-catalog__advanced-toggle,
#rezideo-catalog button.rezideo-catalog__reset {
    min-height: 0;
    padding: 6px 14px;
    border: 0;
    border-radius: 4px;
    background: #C0AC94 !important;
    color: #fff !important;
    font-size: 14px;
    font-weight: 500;
}
#rezideo-catalog button.rezideo-catalog__advanced-toggle:hover,
#rezideo-catalog button.rezideo-catalog__advanced-toggle:focus,
#rezideo-catalog button.rezideo-catalog__reset:hover,
#rezideo-catalog button.rezideo-catalog__reset:focus {
    background: #a88f76 !important;
    color: #fff !important;
    box-shadow: none;
}
#rezideo-catalog .rezideo-catalog__advanced-count {
    background: #fff;
    color: #282828;
}

/* Sort chips: same background treatment, smaller footprint */
#rezideo-catalog .rezideo-catalog__sort-chip {
    padding: 3px 10px;
    border: 0;
    border-radius: 4px;
    background: #C0AC94 !important;
    color: #fff !important;
    font-size: 12px;
    font-weight: 500;
}
#rezideo-catalog .rezideo-catalog__sort-chip:hover,
#rezideo-catalog .rezideo-catalog__sort-chip:focus {
    background: #a88f76 !important;
    color: #fff !important;
    box-shadow: none;
}
#rezideo-catalog .rezideo-catalog__sort-chip.is-active {
    background: #282828 !important;
    border-color: #282828;
    color: #fff !important;
}
#rezideo-catalog .rezideo-catalog__sort-label { font-size: 12px; }

/* Grid/list view toggle: live `body #view-toggle .btn.active` parity.
 * The resting (non-active) button carries the same gold look. */
#rezideo-catalog #rzc-view-toggle .btn,
#rezideo-catalog #rzc-view-toggle .btn.active,
#rezideo-catalog #rzc-view-toggle .btn:hover {
    background-color: #C0AC94 !important;
    color: #fff !important;
    border-color: #C0AC94;
}

/* Exception: inside the mobile sort sheet (<=768px) the chips render as
 * plain list rows; restore that look against the gold override above.
 * Scoped to the plugin's own sheet breakpoint - on desktop the same nodes
 * show inline and keep the gold style. */
@media (max-width: 767px) {
    #rezideo-catalog .rezideo-catalog__sort-sheet-body .rezideo-catalog__sort-chip,
    #rezideo-catalog .rezideo-catalog__sort-sheet-body .rezideo-catalog__sort-chip:hover,
    #rezideo-catalog .rezideo-catalog__sort-sheet-body .rezideo-catalog__sort-chip:focus {
        background: none !important;
        color: #282828 !important;
        font-size: 15px;
        border-radius: 0;
        padding: 12px 4px;
    }
    #rezideo-catalog .rezideo-catalog__sort-sheet-body .rezideo-catalog__sort-chip.is-active {
        background: none !important;
        color: #282828 !important;
        font-weight: 700;
    }
}

/* Supported-price spacing: mib-compat.css ships margin-top -10px in its
 * layout section; this file loads after it, so a plain rule wins. */
.mib-supported-price {
    margin-top: 5px;
}

/* List view only: supported price laid out as a 25%-wide column block. */
.card.list-view .mib-supported-price {
    width: 25%;
    display: flex;
    flex-flow: column;
}

/* List view only: drop the fixed 600px card-wrapper height (style.php
 * snapshot rule above targets the grid card). In list mode the toggle JS
 * swaps col-md-4 for col-md-12 on the wrapper, so that class scopes it. */
.card-wrapper.col-md-12 {
    height: auto !important;
}

/* List view only: full-width card body (mib-compat ships width: 60%,
 * padding 1.5rem). */
.card.list-view .card-body {
    width: 100% !important;
    padding: 10px !important;
}

/* List view only: gold card background on the lakaslista (178). Extends
 * the Elementor widget CSS selector with .list-view so it outranks the
 * widget's own card background rule regardless of load order. */
.elementor-178 .elementor-element.elementor-element-660da6b #custom-card-container .card.list-view {
    background-color: rgba(192, 172, 148, 1) !important;
}

/* Price emphasis: dark #282828 for contrast against the gold
 * rgba(192,172,148,1) background these prices sit on (detail page,
 * recommended cards, lakaslista cards). .mib-new-price ships as
 * "fs-4 text-success third-text-color mib-new-price" and Bootstrap's
 * .text-success carries !important, so the doubled-class selector plus
 * !important is required to outrank it regardless of load order. The
 * supported-price value gets the same treatment (mib-compat: #3ecf8e). */
.mib-new-price,
.text-success.mib-new-price,
.mib-supported-price-value,
.mib-supported-price .mib-supported-price-value {
    color: #282828 !important;
}

/* Detail rustzone flag renders its price as a bare <b>, not as
 * .mib-supported-price-value, so it needs its own dark rule. */
.apartment-rustzone-flag b {
    color: #282828 !important;
}

/* The 178/660da6b and 208/18efa3c widget CSS paints every .text-success
 * in the card body white with !important at (1,4,0)-(1,5,0) specificity,
 * which outranks the generic dark rule above. The card body background
 * is gold there (same widget CSS), so these higher-specificity twins
 * (extra .mib-new-price class) keep the price dark. */
.elementor-178 .elementor-element.elementor-element-660da6b #apartment-card-body .text-success.mib-new-price,
.elementor-178 .elementor-element.elementor-element-660da6b #apartment-card-body .list-view-price-container .text-success.mib-new-price,
.elementor-208 .elementor-element.elementor-element-18efa3c #apartment-card-body .text-success.mib-new-price,
.elementor-208 .elementor-element.elementor-element-18efa3c #apartment-card-body .list-view-price-container .text-success.mib-new-price {
    color: #282828 !important;
}

/* List view only: no padding around the card image (mib-compat ships
 * 16px; this file loads after it, so an equal-specificity rule wins). */
.card.list-view .card-image-wrapper img {
    padding: 0;
}

/* List view only: center-align the card body items. */
.card.list-view #apartment-card-body {
    align-items: center;
}

/* List view only: uniform 16px type for every element inside the card
 * (mib-compat ships mixed sizes there: price container 1.3rem, old price
 * 0.85rem, supported price 0.95rem, location-name 1.2rem). */
.card.list-view,
.card.list-view * {
    font-size: 16px !important;
}

/* Detail main image: cover the full height of .apartment-plan (the column
 * is otherwise only as tall as the image, mib-compat sets align-items:
 * flex-start on .apartment-top). The img is absolutely positioned against
 * the position-relative .apartment-plan, so the row height comes from the
 * details column and the photo covers down to its bottom. Desktop only:
 * when the columns wrap on mobile, an absolute img would collapse the
 * plan div to zero height, so the normal flow is kept there.
 * !important + double class: elementor frontend.min.css loads AFTER this
 * file and its ".elementor img { height: auto }" ties the specificity of
 * a single-class selector. */
@media (min-width: 768px) {
    .apartment-top {
        align-items: stretch;
    }
    .apartment-top .apartment-plan img {
        position: absolute !important;
        inset: 0 !important;
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
        border-radius: 0 !important;
    }
}

/* Advanced-filters sheet footer buttons in the same gold style as the
 * view toggle (#rzc-view-toggle .btn.active). Scoped to the advanced
 * sheet's own id so the sort sheet chrome is untouched. */
#rezideo-catalog-sheet .rezideo-catalog__sheet-apply,
#rezideo-catalog-sheet .rezideo-catalog__sheet-clear {
    background: #C0AC94 !important;
    color: #fff !important;
    border-color: #C0AC94;
    border-radius: 4px;
    text-decoration: none;
    opacity: 1;
}
#rezideo-catalog-sheet .rezideo-catalog__sheet-clear {
    padding: 10px 18px;
    font-weight: 600;
}
#rezideo-catalog-sheet .rezideo-catalog__sheet-apply:hover,
#rezideo-catalog-sheet .rezideo-catalog__sheet-clear:hover {
    background: #a88f76 !important;
}

/* Area summary rows (Egyeb informaciok): the printed datasheet look.
   Labels left, values right on every row; the net/gross/sales totals get
   the dark bar with the gold site accent. Spans come from the plugin
   (room-list__sep hidden, room-list__value right-aligned). */
.rezideo-detail--mib .room-list li {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    gap: 16px;
    padding: 3px 12px;
}
.rezideo-detail--mib .room-list li .room-list__sep {
    display: none;
}
.rezideo-detail--mib .room-list li .room-list__value {
    white-space: nowrap;
}
.rezideo-detail--mib .room-list li.room-list__total {
    background: #282828 !important;
    color: #FEF8EE !important;
    border-left: 3px solid #C0AC94;
    padding: 6px 12px;
    margin: 6px 0;
    border-radius: 2px;
}
.rezideo-detail--mib .room-list li.room-list__total b {
    color: #FEF8EE !important;
    letter-spacing: 0.02em;
}
.rezideo-detail--mib .room-list li.room-list__total .room-list__value {
    color: #C0AC94 !important;
    font-weight: 600;
}

/* Downloads pane: the 208 widget CSS paints every .apartment-downloads a
   as a dark button; the floorplan image link must stay unstyled or the
   bar shows as a stripe on the image. Higher specificity + !important
   beats the widget rule regardless of load order. */
.elementor-208 .elementor-element.elementor-element-98ee490 .apartment-downloads a.mib-floorplan-link {
    background: none !important;
    padding: 0 !important;
    margin-top: 0 !important;
    line-height: 0 !important;
    display: block;
}