/* BrickeryHomes site palette for the rezideo-plugin (2026-08-04, dev clone).
 *
 * Colours read from the LIVE brickeryhomes.hu while MIB was still active:
 *   mib_color_settings          first #383838, second #4d6e80, third #2f4366,
 *                               slider active #4d6e80, inactive #383838
 *   page 72122 (Lakáslista)     section bg #f9f6f1, text/headings #3e5666,
 *                               button #78715e, button hover #525f66
 *   mib-frontend.css            #custom-list-table-container bg #e2e1df,
 *                               rows rgba(0,0,0,.02)/.06, header row transparent
 *                               with a 2px rgba(0,0,0,.6) bottom rule
 *   mib/assets/style.php        #mibtd colour #2f4366
 *
 * Doubled class on purpose: rezideo-catalog.css loads AFTER this file, so an
 * equal-specificity selector would lose on source order. The Divi theme reset
 * loads after everything, so component rules stay specific and restate colours
 * on :hover/:focus.
 */

.rezideo-catalog.rezideo-catalog--table {
    --rzc-primary: #3e5666;
    --rzc-secondary: #4d6e80;
    --rzc-accent: #78715e;
    --rzc-text: #2f4366;
    --rzc-chip-text: #3e5666;
    --rzc-chip-bg-active: #4d6e80;
    --rzc-chip-text-active: #ffffff;
    --rzc-pill-bg: rgba(62, 86, 102, .08);
    --rzc-pill-bg-hover: rgba(62, 86, 102, .16);
}

.rezideo-filters-widget,
.rzc-account-popup {
    --rzc-primary: #3e5666;
    --rzc-secondary: #4d6e80;
    --rzc-accent: #78715e;
    --rzc-chip-text: #3e5666;
    --rzc-chip-bg-active: #4d6e80;
    --rzc-chip-text-active: #ffffff;
}

/* ==========================================================================
   Lakáslista táblázat (.rezideo-catalog--table)
   Az éles .custom-list-table megjelenése: szürke konténer, átlátszó fejléc-sor
   vastag alsó vonallal, halkan csíkozott sorok, Barlow Condensed.
   ========================================================================== */

/* No background here on purpose: the section behind the list already carries its own colour,
 * and painting the live #e2e1df container tint on top of it only made a grey slab. */
.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;
}

/* Az éles fejléc-sor NEM színes sáv: átlátszó, és egy vastag vonal zárja. */
.rezideo-catalog--table table.rezideo-table thead tr {
    background: rgba(0, 0, 0, 0);
    border-bottom: 2px solid rgba(0, 0, 0, .6);
}

/* ⚠️ Az élesen a th színe #e2e1df, ami PONT a konténer háttere, tehát az
 * oszlopfejlécek gyakorlatilag olvashatatlanok. Ezt szándékosan NEM másoljuk:
 * az oldal saját szövegszínét (#3e5666) használjuk, hogy olvasható legyen.
 * Minden más érték (méret, padding, igazítás) az élessel azonos. */
.rezideo-catalog--table table.rezideo-table th.rezideo-table__th {
    padding: 20px;
    color: #3e5666;
    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: var(--rzc-text, #2f4366);
    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(77, 110, 128, .14);
}

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

.rezideo-catalog--table td.rezideo-table__td--name a:hover {
    color: var(--rzc-secondary, #4d6e80);
    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(62, 86, 102, .10);
    color: var(--rzc-primary, #3e5666);
}

.rezideo-catalog--table .rezideo-table__status.is-available {
    background: var(--rzc-secondary, #4d6e80);
    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
   Referencia az oldal SAJÁT gombja (.et_pb_button_0): #78715e, hover #525f66,
   fehér szöveg, 3px radius, uppercase, Poppins. A Divi reset a plugin-CSS UTÁN
   tölt, ezért erős szelektor + a hover/focus színek újramondása kell.
   ========================================================================== */

#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: #78715e !important;
    color: #ffffff !important;
    border: 0 !important;
    border-radius: 3px !important;
    padding: 6px 14px !important;
    font-family: 'Poppins', Helvetica, Arial, Lucida, sans-serif !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    letter-spacing: 1px;
    text-transform: uppercase !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: #525f66 !important;
    color: #ffffff !important;
}

/* Aktív-szűrő számláló a "További szűrők" gombon. */
#rezideo-catalog .rezideo-catalog__adv-count {
    background: #ffffff !important;
    color: #3e5666 !important;
}

/* Rendezés-chipek: ugyanaz a nyelv, de kisebb (sok helyet vinne el).
 * ⚠️ A mobil rendezés-sheet KIVÉTEL: ott ugyanezek a node-ok lista-sorként
 * jelennek meg, oda ne szivárogjon be a gombos kinézet. */
#rezideo-catalog .rezideo-catalog__sort-chip {
    background: #78715e !important;
    color: #ffffff !important;
    border: 0 !important;
    border-radius: 3px !important;
    padding: 3px 10px !important;
    font-size: 12px !important;
}

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

@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: #3e5666 !important;
        border-radius: 0 !important;
        padding: 12px 16px !important;
        font-size: 16px !important;
    }
}

/* A szűrő-csúszkák az éles MIB színeit kapják. */
#rezideo-catalog .noUi-connect {
    background: #4d6e80;
}

#rezideo-catalog .noUi-handle {
    background: #4d6e80;
    border-color: #4d6e80;
}

/* ==========================================================================
   Lakás-adatlap (MIB markup, .rezideo-detail--mib)
   A 72127-es oldal saját Divi-CSS-e ugyanezeket adja, mert az adatlap ott
   renderel (detail_page=lakas); ez a blokk tartalék és oldalfüggetlen.
   ========================================================================== */

.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 rejtett. */
.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 adatlapon több sor van. */
.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;
}

/* --- 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;
    object-fit: contain;
    width: 90%;
}

/* 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 !important;
    padding: 0 !important;
    margin-top: 0 !important;
    line-height: 0;
    display: block;
}

/* --- Helyiséglista: a revitalpark/rezideo megoldás brickery színekkel ---- */

.rezideo-detail--mib .room-list li {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    gap: 12px;
}

.rezideo-detail--mib .room-list .room-list__sep {
    display: none;
}

.rezideo-detail--mib .room-list .room-list__value {
    white-space: nowrap;
}

/* Összegző sorok kiemelve, a nyomtatott adatlap mintájára. */
.rezideo-detail--mib .room-list li.room-list__total {
    background: #3e5666;
    color: #FFFFFF !important;
    border-left: 3px solid #4d6e80;
    padding: 6px 12px;
    border-radius: 2px;
}

.rezideo-detail--mib .room-list li.room-list__total b,
.rezideo-detail--mib .room-list li.room-list__total .room-list__value {
    color: #ffffff;
    font-weight: 600;
}

/* --- A dokumentum-gombok (alaprajz + szintrajz) ------------------------- */

.rezideo-detail--mib .mib-doc-links {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    align-items: center;
}

.rezideo-detail--mib .mib-doc-links br {
    display: none;
}

.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;
}

.rezideo-detail--mib .mib-doc-links .mib-doc-link:hover,
.rezideo-detail--mib .mib-doc-links .mib-doc-link:focus {
    background-color: #3e5666 !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%;
    }
}

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

/* --------------------------------------------------------------------------
   Lapozó
   ⚠️ A mib-compat.css teljes lapozó-CSS-e a nav[aria-label="mib pagination"]-höz
   van kötve, a plugin viszont aria-label="rezideo catalog pagination"-t ad, ezért
   EGYETLEN MIB-szabály sem fog rá. A megjelenést itt kell megadni, és kell alsó
   margó is, mert a Divi sor/szekció padding-ja nulla.
   -------------------------------------------------------------------------- */

.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(62, 86, 102, .25);
    border-radius: 3px;
    background: #ffffff;
    color: #3e5666;
    font-family: 'Poppins', Helvetica, Arial, Lucida, sans-serif;
    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: #4d6e80;
    border-color: #4d6e80;
    color: #ffffff;
}

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