/* ==========================================================================
   Páva 8 (park 31) palette for the rezideo-plugin.
   Values measured off the live MIB rendering, not guessed: the header teal,
   the row tints and every type size below come from getComputedStyle on
   https://pava8.hu/lakaslista/ while MIB was still serving it.
   Load order: mib-compat.css -> site-palette.css -> rezideo-catalog.css
   ========================================================================== */
:root {
    --rzc-primary:    #000000;  /* .primary-color / .third-color */
    --rzc-secondary:  #2f998a;  /* .secondary-color (teal)       */
    --rzc-accent:     #2f998a;
    --rzc-on-primary: #e2e1df;  /* the live th text is off-white, not #fff */
    --rzc-card-bg:    #333334;
    --rzc-card-text:  #ffffff;
    --rzc-price:      #f4dbaa;
    --rzc-muted:      #ececec;
    --rzc-sand:       #BCA889;
}

/* --------------------------------------------------------------------------
   Listatábla (card_style=table)
   -------------------------------------------------------------------------- */
.rezideo-catalog--table .rezideo-table__wrap {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

.rezideo-catalog--table table.rezideo-table {
    width: 100%;
    border: 1px solid #eee;
    border-collapse: collapse;
    margin: 0 0 15px;
    text-align: left;
    font-family: "Barlow Condensed", sans-serif;
}

.rezideo-catalog--table table.rezideo-table thead tr {
    background: #2f998a;
}

.rezideo-catalog--table table.rezideo-table th.rezideo-table__th {
    padding: 20px;
    color: #e2e1df;
    text-align: center;
    font-size: 20px;
    line-height: 20px;
    font-weight: 700;
    border: 0;
    white-space: nowrap;
}

.rezideo-catalog--table table.rezideo-table td.rezideo-table__td {
    padding: 15px 24px;
    border: 0;
    color: #000000;
    font-size: 16px;
    font-weight: 500;
    text-align: left;
    vertical-align: middle;
}

.rezideo-catalog--table table.rezideo-table tbody tr:nth-child(odd) {
    background: rgba(0, 0, 0, .02);
    border-bottom: 1px solid rgba(0, 0, 0, .06);
}

.rezideo-catalog--table table.rezideo-table tbody tr:nth-child(even) {
    background: rgba(0, 0, 0, .06);
    border-bottom: 1px solid rgba(0, 0, 0, .06);
}

.rezideo-catalog--table table.rezideo-table tbody tr.is-clickable {
    cursor: pointer;
}

.rezideo-catalog--table table.rezideo-table tbody tr.is-clickable:hover {
    background: rgba(47, 153, 138, .12);
}

/* The live apartment code is a black 20px bold label, not a themed link. */
.rezideo-catalog--table td.rezideo-table__td--name a {
    color: #000000;
    font-size: 20px;
    font-weight: 700;
    text-decoration: none;
}

.rezideo-catalog--table td.rezideo-table__td--name a:hover {
    color: #2f998a;
    text-decoration: underline;
}

/* Price cell reuses the card price markup, so neutralise the card sizing. */
.rezideo-catalog--table td.rezideo-table__td--price .rezideo-card__price-value,
.rezideo-catalog--table td.rezideo-table__td--price {
    color: #000000;
    font-size: 16px;
    font-weight: 500;
}

/* Status pill: the live list renders it as plain bold text, greyed when the
   unit cannot be opened and teal when it can. */
.rezideo-catalog--table td.rezideo-table__td--status .rezideo-table__status {
    background: transparent;
    padding: 0;
    border-radius: 0;
    color: #b6b9c1;
    font-size: 20px;
    font-weight: 700;
}

.rezideo-catalog--table td.rezideo-table__td--status .rezideo-table__status--available {
    color: #2f998a;
}

/* --------------------------------------------------------------------------
   Szűrő-sáv és rendezés
   -------------------------------------------------------------------------- */
.rezideo-catalog__toolbar,
.rezideo-catalog__count {
    font-family: "Barlow Condensed", sans-serif;
}

.rezideo-catalog__sort-chip {
    border: 1px solid rgba(0, 0, 0, .15);
    background: #ffffff;
    color: #000000;
    font-family: "Barlow Condensed", sans-serif;
    font-weight: 600;
}

.rezideo-catalog__sort-chip:hover,
.rezideo-catalog__sort-chip.is-active {
    background: #2f998a;
    border-color: #2f998a;
    color: #ffffff;
}

.rezideo-catalog__reset,
.rezideo-catalog__advanced-toggle {
    background: #000000;
    color: #ffffff;
    border: 0;
    font-family: "Barlow Condensed", sans-serif;
    font-weight: 600;
}

.rezideo-catalog__reset:hover,
.rezideo-catalog__advanced-toggle:hover {
    background: #2f998a;
    color: #ffffff;
}

/* --------------------------------------------------------------------------
   Lapozó
   -------------------------------------------------------------------------- */
.rezideo-catalog__pager .pagination .page-link {
    color: #000000;
    border: 1px solid rgba(0, 0, 0, .12);
    font-family: "Barlow Condensed", sans-serif;
    font-weight: 600;
}

.rezideo-catalog__pager .pagination .page-item.active .page-link,
.rezideo-catalog__pager .pagination .page-link:hover {
    background: #2f998a;
    border-color: #2f998a;
    color: #ffffff;
}

.slider-color {
    background-color: #FFFFFF;
}
.catalog-dropdown-menu.show{
   background-color: #2f998a; 
}
.noUi-connects{
    background: #FFFFFF;
}
.noUi-base{
    background: #FFFFFF;
}

.noUi-connect{
    background: #FFFFFF !important;
}
.noUi-touch-area{
    background-color: #2f998a;
    border-radius: 15px;
}
.ui-slider-range{
    background: #FFFFFF;
}
.ui-slider-handle.ui-state-default,
.ui-slider-handle.ui-corner-all {
    background: #2f998a !important;
}
.slider-inactive-color {
    background-color: #FFFFFF;
}
.primary-color {
    background-color: #000000;
}
.secondary-fill{
    fill:#2f998a;
}
.secondary-color {
    background-color: #2f998a;
}
.secondary-text-color {
    color: #2f998a;
}
.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: #2f998a;
    box-shadow: 0px 0px 15px 0px #2f998a;
}
.secondary-box-shadow{
    box-shadow: 0px 0px 15px 0px #2f998a;
}
.secondary-wp-floating-chat-input{
    box-shadow: 0px 0px 5px 0px #2f998a;
}

.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: #2f998a !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 === */
#apartment-card-body {
    background-color: #333334 !important;
    border-radius: 0px !important;
    color: #ffffff !important;
    font-weight: 500;
}
#apartment-card-body small {
    color: #ffffff !important;
    font-weight: 600;
}
#apartment-card-body .text-success {
    color: #f4dbaa !important;
}
#apartment-card-body .list-view-price-container .text-success {
    color: #f4dbaa !important;
}
.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 {
    background-color: #BCA889;
    color: white;
    border-radius: 30px;
    margin-left: 20px;
    font-family: 'Montserrat', Sans-serif;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    padding: 15px !important;
    width: auto !important;
}
.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;
}
