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

.noUi-connect{
    background: #f4dbaa !important;
}
.noUi-touch-area{
    background-color: #000000;
    border-radius: 15px;
}
.ui-slider-range{
    background: #bca889;
}
.ui-slider-handle.ui-state-default,
.ui-slider-handle.ui-corner-all {
    background: #000000 !important;
}
.slider-inactive-color {
    background-color: #f4dbaa;
}
.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;
}

.card-image-wrapper { margin-top: 10px !important; margin-bottom: 0px !important; width: 100% !important; margin-left: 0px !important; margin-right: 0px !important; }
.park-logo img { max-width: 150px !important; }

/* Rezideo brand tokens for plugin UI outside the catalog container
   (account popup, unsubscribe confirm, project-page filter widget) */
#rzc-account-popup,
#rzc-unfav-popup,
.rezideo-filters-widget {
    --rzc-primary: #4e413c;
    --rzc-chip-text: #4e413c;
    --rzc-chip-bg-active: #4e413c;
    --rzc-chip-text-active: #fef8ee;
}

/* Detail room list: right-aligned values and area summary bars.
   The summary rows (net/gross/sales area) mirror the printed datasheet's
   emphasized bars, using the card palette (dark #333334 + gold #f4dbaa). */
.rezideo-detail--mib .room-list li {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    gap: 16px;
    padding: 4px 12px;
    border-bottom: 1px solid rgba(51, 51, 52, 0.12);
}
.rezideo-detail--mib .room-list .room-list__sep {
    display: none;
}
.rezideo-detail--mib .room-list .room-list__value {
    white-space: nowrap;
}
.rezideo-detail--mib .room-list li.room-list__total {
    background: rgba(51, 51, 52, 1);
    color: #f4dbaa;
    font-weight: 600;
    border-bottom: 0;
    border-radius: 4px;
    padding: 8px 12px;
    margin: 6px 0;
}
.rezideo-detail--mib .room-list li.room-list__total b {
    color: inherit;
}

/* Downloadable documents: two equal-width buttons side by side,
   same dark bar + gold palette as the area summary rows. */
.rezideo-detail--mib .mib-doc-links {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 0;
}
.rezideo-detail--mib .mib-doc-links br {
    display: none;
}
.rezideo-detail--mib .mib-doc-links .mib-doc-link {
    flex: 1 1 0;
    min-width: 180px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    background: rgba(51, 51, 52, 1);
    color: #f4dbaa;
    font-weight: 600;
    text-decoration: none;
    border-radius: 6px;
    padding: 12px 16px;
    transition: background-color 0.15s ease;
}
.rezideo-detail--mib .mib-doc-links .mib-doc-link:hover,
.rezideo-detail--mib .mib-doc-links .mib-doc-link:focus {
    background: rgba(78, 65, 60, 1);
    color: #f4dbaa;
}

/* Mobile: the document buttons stack full-width so their labels stay on one line */
@media (max-width: 767px) {
    .rezideo-detail--mib .mib-doc-links .mib-doc-link {
        flex: 1 1 100%;
        white-space: nowrap;
        margin-left: 0 !important;
    }
}

/* Mobile: vertical gap between the stacked document buttons */
@media (max-width: 767px) {
    .rezideo-detail--mib .mib-doc-links {
        gap: 10px;
    }
}

/* Downloadable documents heading: spacing moved from the button row to the title */
.rezideo-detail--mib .mib-doc-title {
    margin-top: 20px;
}

/* Plot detail pages: the gallery carousel stands in for the missing floorplan
   drawing. The page skin forces `.downloads-column img{height:421px!important}`
   at (0,4,1) specificity, so these overrides carry an extra class each to win
   on specificity rather than on load order. The strip then sizes itself from
   its aspect-ratio, and the thumbnails share the full width equally. */
.rezideo-detail--mib .apartment-downloads .downloads-column .mib-floorplan-gallery,
.rezideo-detail--mib .apartment-downloads .downloads-column .mib-floorplan-gallery a,
.rezideo-detail--mib .apartment-downloads .downloads-column .mib-floorplan-gallery img {
    background: none !important;
    background-color: transparent !important;
}
.rezideo-detail--mib .apartment-downloads .downloads-column .mib-floorplan-gallery .mib-residential-gallery img,
.rezideo-detail--mib .apartment-downloads .downloads-column .mib-floorplan-gallery .swiper-slide img {
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    width: 100% !important;
    margin: 0 !important;
    object-fit: cover !important;
}

/* Carousel arrows in the site's own palette (dark plate, gold on hover). */
.rezideo-detail--mib .mib-floorplan-gallery .rezideo-gallery-carousel {
    --rzc-primary: #333334;
    --rzc-accent: #bca889;
}

/* ---- List view tweaks (site level) ----
   The MIB-parity list row splits into a 20% image and a 60% body; the body now takes the whole
   remaining width, and the 5% VAT note stays a narrow column so it does not stretch the row. */
.rezideo-catalog .card.list-view .card-body {
    width: 100% !important;
}
.rezideo-catalog .card.list-view .mib-supported-price {
    width: 12%;
}