/* Albion 32 site palette for the rezideo-plugin (2026-07-28, dev clone).
 *
 * Colours are taken from the LIVE albion32.hu MIB palette, read from the
 * mib_color_settings option while MIB was still active there:
 *   mib-first-color            #1d2327
 *   mib-second-color           #876865
 *   mib-third-color            #1d2327
 *   mib-apartment-color        #876865
 *   mib-apartment-table-color  #000000
 * The two accents (#BCA889 tan, #f4dbaa sand) come from the generated
 * mib/assets/style.php on the live site.
 *
 * Doubled class on purpose: rezideo-catalog.css loads AFTER this file, so an
 * equal-specificity selector would lose on source order.
 */

.rezideo-catalog.rezideo-catalog--table {
    --rzc-primary: #1d2327;
    --rzc-secondary: #876865;
    --rzc-accent: #BCA889;
    --rzc-text: #1d2327;
    --rzc-chip-text: #1d2327;
    --rzc-chip-bg-active: #876865;
    --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: #876865;
    --rzc-accent: #BCA889;
    --rzc-chip-text: #1d2327;
    --rzc-chip-bg-active: #876865;
    --rzc-chip-text-active: #ffffff;
}

/* ---- Table layout, following the live .custom-list-table look ----
 * Live markup is <table class="custom-list-table"> with `secondary-color` on
 * the header row. Header sits on mib-second-color with white text, body rows
 * alternate on a light tint, and available rows are clickable.
 * The Divi theme reset loads after the plugin CSS, so the selectors here are
 * kept specific enough to win.
 */

.rezideo-catalog--table .rezideo-table__wrap {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

.rezideo-catalog--table table.rezideo-table {
    width: 100%;
    border-collapse: collapse;
    margin: 0;
    font-size: 16px;
}

.rezideo-catalog--table table.rezideo-table thead tr {
    background: var(--rzc-secondary, #876865);
}

.rezideo-catalog--table table.rezideo-table th.rezideo-table__th {
    color: #fff;
    font-weight: 600;
    text-align: left;
    padding: 14px 16px;
    border: 0;
    white-space: nowrap;
}

.rezideo-catalog--table table.rezideo-table td.rezideo-table__td {
    padding: 13px 16px;
    border: 0;
    border-bottom: 1px solid #ececec;
    color: var(--rzc-text, #1d2327);
    vertical-align: middle;
}

.rezideo-catalog--table table.rezideo-table tbody tr:nth-child(even) {
    background: rgba(188, 168, 137, .10);
}

.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(135, 104, 101, .14);
}

.rezideo-catalog--table td.rezideo-table__td--name a {
    color: var(--rzc-primary, #1d2327);
    font-weight: 600;
    text-decoration: none;
}

.rezideo-catalog--table td.rezideo-table__td--name a:hover {
    color: var(--rzc-secondary, #876865);
    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;
}

/* Status pill: available stands out, everything else stays muted. */
.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, .08);
    color: var(--rzc-primary, #1d2327);
}

.rezideo-catalog--table .rezideo-table__status.is-available {
    background: var(--rzc-secondary, #876865);
    color: #fff;
}

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

/* ==========================================================================
   Lakás-adatlap (MIB markup, .rezideo-detail--mib)
   Az albion32.hu éles adatlapjának megjelenése. A szerkezeti szabályok a
   mib-compat.css-ből jönnek, itt csak a site színei, méretei és elrendezése
   van. Scope: .rezideo-detail--mib, hogy a listára ne szivárogjon át.
   ========================================================================== */

.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;
}
/* Az élesen a logó-fejléc üres és el van rejtve. */
.rezideo-detail--mib .apartment-logo-header {
    display: none;
}
/* Az éles fix 400px-et használ; min-height ugyanígy néz ki, de nem vág le
   tartalmat, ha egy lakásnál több sor kerül az infódobozba. */
.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;
    border-radius: 0;
}
.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;
}

/* --- Letölthető rész ---------------------------------------------------- */
.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;
    width: 90%;
    object-fit: contain;
}
/* Az alaprajz-kép linkje nem gomb, csak a kép hordozója. */
.rezideo-detail--mib .downloads-column a,
.rezideo-detail--mib a.mib-floorplan-link {
    background: none;
    padding: 0;
    display: block;
    line-height: 0;
}

/* --- Helyiséglista: a revitalpark/rezideo megoldás albion32 színekkel ---- */
.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(29, 35, 39, 0.12);
}
.rezideo-detail--mib .room-list .room-list__sep {
    display: none;
}
.rezideo-detail--mib .room-list .room-list__value {
    white-space: nowrap;
}
/* Összegző sor (nettó alapterület) kiemelve. */
.rezideo-detail--mib .room-list li.room-list__total {
    background: #1d2327;
    color: #ffffff;
    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;
}

/* --- A két dokumentum-gomb (alaprajz + szintrajz) ----------------------- */
.rezideo-detail--mib .mib-doc-links {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 20px;
}
.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;
    padding: 6px 12px;
    line-height: 35px;
    background-color: #4d6e80;
    color: #ffffff;
    border-radius: 30px;
    font-family: 'Poppins', Helvetica, Arial, Lucida, sans-serif;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    text-decoration: none;
}
.rezideo-detail--mib .mib-doc-links .mib-doc-link:hover,
.rezideo-detail--mib .mib-doc-links .mib-doc-link:focus {
    background-color: #3e5666;
    color: #ffffff;
    text-decoration: none;
}

@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 .mib-doc-links .mib-doc-link {
        flex: 1 1 100%;
    }
}

/* Otthon Start jelvény mérete a fotón (éles paritás). */
.rezideo-detail--mib .apartment-plan img.mib-otthonstart-badge {
    width: 100px;
    height: 100px;
    object-fit: contain;
}

/* --------------------------------------------------------------------------
   Lapozó (.rezideo-catalog__pager)
   A MIB lapozó-CSS-e a nav[aria-label="mib pagination"] szelektorhoz van kötve,
   a plugin viszont "rezideo catalog pagination" feliratot ad, ezért abból semmi
   nem érvényesült: csak a csupasz Bootstrap maradt. Az éles MIB lapozó
   megjelenése átemelve. A függőleges margó azért kell, mert a listát tartó
   Divi szekció és sor padding/margin nélküli (0px), így a lapozó alja
   közvetlenül a szekció szélére esett.
   -------------------------------------------------------------------------- */
.rezideo-catalog__pager .pagination {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    list-style: none;
    padding: 0;
    margin: 20px 0 28px;
}
.rezideo-catalog__pager .pagination .page-item {
    margin: 0 2px;
}
.rezideo-catalog__pager .pagination .page-link {
    padding: 6px;
    display: inline-block;
    width: auto;
    min-width: 2em;
    box-sizing: content-box;
    font-size: 16px;
    font-weight: normal;
    line-height: 2em;
    text-align: center;
    vertical-align: middle;
    color: #666;
    background: transparent;
    border: 1px solid rgba(0, 0, 0, 1);
    border-radius: 4px;
    box-shadow: 0 0 15px rgba(0, 0, 0, .05);
    margin: 0.5em 0.4em;
    text-decoration: none !important;
    cursor: pointer;
}
.rezideo-catalog__pager .pagination .page-item.active .page-link,
.rezideo-catalog__pager .pagination .page-link:hover {
    background: transparent;
    color: #000;
    box-shadow: none;
}
.rezideo-catalog__pager .pagination .page-item.disabled .page-link {
    color: #ccc;
    pointer-events: none;
}