/* MyLelle site palette for the rezideo-plugin (2026-08-04, dev clone).
 *
 * Values read from the LIVE mylelle.hu while MIB was still active, and verified
 * against a screenshot of the live listing (the header band is painted by
 * style.php's .secondary-color on the header row - reading mib-frontend.css
 * alone misses that):
 *   mib_color_settings   first/third #1d2327, second/apartment/table #14a0d3
 *   style.php            #mibtd colour #1d2327, .secondary-color #14a0d3
 *   mib-frontend.css     container #e2e1df, rows rgba(0,0,0,.02)/.06,
 *                        th #e2e1df 20px centered, Barlow Condensed
 *   page 475 CSS         detail: #4d6e80 panel, #3e5666 headings, Poppins
 *                        (the shared MIB-era detail template; the page CSS
 *                        itself applies via detail_page=lakas)
 */

:root {
    --rzc-primary: #3e5666;
    --rzc-secondary: #14a0d3;
    --rzc-accent: #14a0d3;
    --rzc-on-primary: #ffffff;
}

.rezideo-catalog.rezideo-catalog--table {
    --rzc-primary: #1d2327;
    --rzc-secondary: #14a0d3;
    --rzc-accent: #14a0d3;
    --rzc-text: #1d2327;
    --rzc-chip-text: #1d2327;
    --rzc-chip-bg-active: #14a0d3;
    --rzc-chip-text-active: #ffffff;
    --rzc-pill-bg: rgba(29, 35, 39, .08);
    --rzc-pill-bg-hover: rgba(29, 35, 39, .16);
}

.rezideo-filters-widget,
.rzc-account-popup {
    --rzc-primary: #1d2327;
    --rzc-secondary: #14a0d3;
    --rzc-accent: #14a0d3;
    --rzc-chip-text: #1d2327;
    --rzc-chip-bg-active: #14a0d3;
    --rzc-chip-text-active: #ffffff;
}

/* ==========================================================================
   Lakáslista táblázat - az éles .custom-list-table megjelenése:
   szürke konténer, CIÁN fejléc-sáv világos felirattal, csíkozott sorok.
   ========================================================================== */

.rezideo-catalog--table {
    padding: 10px;
}

.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: #14a0d3;
}

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

.rezideo-catalog--table table.rezideo-table td.rezideo-table__td {
    padding: 13px 16px;
    border: 0;
    color: #1d2327;
    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, .08);
}

.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, .08);
}

.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(20, 160, 211, .12);
}

.rezideo-catalog--table td.rezideo-table__td--name a {
    color: #1d2327;
    font-weight: 600;
    text-decoration: none;
}

.rezideo-catalog--table td.rezideo-table__td--name a:hover {
    color: #14a0d3;
    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 {
    font-size: inherit;
    font-weight: 600;
    white-space: nowrap;
}

.rezideo-catalog--table td.rezideo-table__td--price .rezideo-card__price-old {
    font-size: .9em;
    opacity: .65;
    text-decoration: line-through;
    margin-right: .4em;
}

/* Státusz: az elérhető cián, a többi visszafogott szürke (az éles halvány
 * "- Nem elérhető" hangulata). */
.rezideo-catalog--table .rezideo-table__status {
    display: inline-block;
    padding: 3px 10px;
    border-radius: 999px;
    font-size: .85em;
    line-height: 1.5;
    white-space: nowrap;
    background: rgba(29, 35, 39, .07);
    color: #9a9a9a;
}

.rezideo-catalog--table .rezideo-table__status.is-available {
    background: #14a0d3;
    color: #fff;
}

@media (max-width: 782px) {
    .rezideo-catalog--table table.rezideo-table th.rezideo-table__th {
        padding: 12px 10px;
        font-size: 16px;
    }
    .rezideo-catalog--table table.rezideo-table td.rezideo-table__td {
        padding: 10px 12px;
        font-size: 14px;
    }
}

/* ==========================================================================
   Szűrő- és vezérlőgombok - az éles panel sötét elemei: fekete "Szűrők
   törlése" gomb, sötét slider-dobozok, cián fogantyúk.
   ========================================================================== */

#rezideo-catalog .rezideo-catalog__adv-trigger,
#rezideo-catalog button.rezideo-catalog__reset,
#rezideo-catalog .rezideo-catalog__sheet-apply,
#rezideo-catalog .rezideo-catalog__sheet-clear {
    background: #1d2327 !important;
    color: #ffffff !important;
    border: 0 !important;
    border-radius: 4px !important;
    padding: 8px 16px !important;
    font-size: 14px !important;
    text-decoration: none !important;
    height: auto !important;
}

#rezideo-catalog .rezideo-catalog__adv-trigger:hover,
#rezideo-catalog .rezideo-catalog__adv-trigger:focus,
#rezideo-catalog button.rezideo-catalog__reset:hover,
#rezideo-catalog button.rezideo-catalog__reset:focus,
#rezideo-catalog .rezideo-catalog__sheet-apply:hover,
#rezideo-catalog .rezideo-catalog__sheet-apply:focus,
#rezideo-catalog .rezideo-catalog__sheet-clear:hover,
#rezideo-catalog .rezideo-catalog__sheet-clear:focus {
    background: #14a0d3 !important;
    color: #ffffff !important;
}

#rezideo-catalog .rezideo-catalog__adv-count {
    background: #14a0d3 !important;
    color: #ffffff !important;
}

#rezideo-catalog .rezideo-catalog__sort-chip {
    background: rgba(29, 35, 39, .08) !important;
    color: #1d2327 !important;
    border: 0 !important;
    border-radius: 4px !important;
    padding: 3px 10px !important;
    font-size: 12px !important;
}

#rezideo-catalog .rezideo-catalog__sort-chip.is-active {
    background: #14a0d3 !important;
    color: #ffffff !important;
}

/* ⚠️ A mobil rendezés-sheet kivétel: ott ugyanezek a node-ok lista-sorként
 * jelennek meg. */
@media (max-width: 767px) {
    #rezideo-catalog-sort-sheet .rezideo-catalog__sort-chip,
    #rezideo-catalog-sort-sheet .rezideo-catalog__sort-chip.is-active {
        background: transparent !important;
        color: #1d2327 !important;
        border-radius: 0 !important;
        padding: 12px 16px !important;
        font-size: 16px !important;
    }
}

/* Csúszkák: cián fogantyú/sáv, mint élesen. */
#rezideo-catalog .noUi-connect {
    background: #14a0d3;
}

#rezideo-catalog .noUi-handle {
    background: #14a0d3;
    border-color: #14a0d3;
}

/* ==========================================================================
   Adatlap (.rezideo-detail--mib) - a 475-ös oldal Divi-CSS-e adja az alapot
   (detail_page=lakas), ez a blokk oldalfüggetlen tartalék, az albion32-vel
   közös sablon-értékekkel.
   ========================================================================== */

.rezideo-detail--mib .apartment-top {
    gap: 0;
    background-color: #ECECEC;
    border-radius: 0;
}

.rezideo-detail--mib .apartment-plan {
    padding: 0;
    border-radius: 0;
}

.rezideo-detail--mib .apartment-plan img:not(.mib-otthonstart-badge) {
    width: 100%;
    height: 400px;
    object-fit: cover;
    border-radius: 8px 0 0 8px;
}

.rezideo-detail--mib .apartment-logo-header {
    display: none;
}

.rezideo-detail--mib .apartment-details {
    min-height: 400px;
    background-color: #4d6e80;
    border-radius: 0;
    font-family: 'Poppins', Helvetica, Arial, Lucida, sans-serif;
}

.rezideo-detail--mib .apartment-info-box {
    background-color: #4d6e80;
}

.rezideo-detail--mib .apartment-price,
.rezideo-detail--mib .apartment-quickinfo strong,
.rezideo-detail--mib .apartment-quickinfo .third-text-color,
.rezideo-detail--mib .apartment-extra,
.rezideo-detail--mib .quick-info-value,
.rezideo-detail--mib .apartment-info-box a {
    color: #ffffff;
    font-family: 'Poppins', Helvetica, Arial, Lucida, sans-serif;
}

.rezideo-detail--mib .mib-old-price {
    color: #3e5666;
    padding-bottom: 0;
    margin-bottom: -5px;
    font-family: 'Poppins', Helvetica, Arial, Lucida, sans-serif;
}

.rezideo-detail--mib h4 {
    border-radius: 0;
    color: #3e5666;
    font-family: 'Poppins', Helvetica, Arial, Lucida, sans-serif;
}

.rezideo-detail--mib .apartment-downloads {
    border-radius: 0;
    margin-top: 0;
    padding: 20px;
    background-color: #F9F7F5;
}

.rezideo-detail--mib .downloads-column img {
    margin-bottom: 20px;
    height: 421px;
    object-fit: contain;
    width: 90%;
}

.rezideo-detail--mib .downloads-column a,
.rezideo-detail--mib a.mib-floorplan-link {
    background: none !important;
    padding: 0 !important;
    margin-top: 0 !important;
    line-height: 0;
    display: block;
}

.rezideo-detail--mib .mib-doc-links .mib-doc-link {
    display: inline-block;
    padding: 6px 12px;
    line-height: 35px;
    background-color: #4d6e80 !important;
    color: #ffffff !important;
    border-radius: 30px;
    font-family: 'Poppins', Helvetica, Arial, Lucida, sans-serif;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    text-decoration: none;
    text-align: center;
}

.rezideo-detail--mib .mib-doc-links .mib-doc-link:hover,
.rezideo-detail--mib .mib-doc-links .mib-doc-link:focus {
    background-color: #14a0d3 !important;
    color: #ffffff !important;
}

@media (max-width: 768px) {
    .rezideo-detail--mib .apartment-plan img:not(.mib-otthonstart-badge) {
        height: auto;
        border-radius: 8px 8px 0 0;
    }
    .rezideo-detail--mib .apartment-details {
        min-height: 0;
    }
    .rezideo-detail--mib .downloads-column img {
        height: auto;
        width: 100%;
    }
}

.rezideo-detail--mib .apartment-plan img.mib-otthonstart-badge {
    width: 100px !important;
    height: 100px !important;
    object-fit: contain !important;
}

/* --------------------------------------------------------------------------
   Lapozó (a mib-compat aria-labelje itt sem talál rá a plugin pagerére)
   -------------------------------------------------------------------------- */

.rezideo-catalog__pager {
    margin: 20px 0 28px;
}

.rezideo-catalog__pager .pagination {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    justify-content: center;
    padding: 0;
    margin: 0;
    list-style: none;
}

.rezideo-catalog__pager .pagination .page-item {
    margin: 0;
}

.rezideo-catalog__pager .pagination .page-link {
    display: inline-block;
    min-width: 38px;
    padding: 7px 12px;
    border: 1px solid rgba(29, 35, 39, .25);
    border-radius: 4px;
    background: #ffffff;
    color: #1d2327;
    font-size: 14px;
    line-height: 1.4;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
}

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

.rezideo-catalog__pager .pagination .page-item.disabled .page-link {
    opacity: .45;
    cursor: default;
}