/* =========================================================
   DRUŽSTEVNÍ BYTY CHLUMEC
   finální scoped verze pouze pro stránku Byty a ceník
   body class: page-byty-cenik
   ========================================================= */

/* karta */
body.page-byty-cenik .ba-item-blog-posts .ba-blog-post{
    background: #f4f0eb !important;
    border-radius: 0 !important;
    overflow: hidden !important;
    box-shadow: 0 8px 24px rgba(0,0,0,.05) !important;
    transition: box-shadow .22s ease, transform .22s ease, background-color .22s ease !important;
    cursor: pointer !important;
}

/* hover celé karty */
body.page-byty-cenik .ba-item-blog-posts .ba-blog-post:hover{
    transform: translateY(-2px) !important;
    box-shadow: 0 12px 28px rgba(0,0,0,.08) !important;
    background: #f1ece6 !important;
}

/* focus */
body.page-byty-cenik .ba-item-blog-posts .ba-blog-post:focus-within{
    box-shadow: 0 0 0 2px rgba(63, 79, 90, 0.18), 0 12px 28px rgba(0,0,0,.08) !important;
}

/* hlavní obsah */
body.page-byty-cenik .ba-item-blog-posts .ba-blog-post-content{
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    column-gap: 18px !important;
    row-gap: 0 !important;
    align-items: center !important;
    padding: 18px 26px !important;
}

/* původní nadpis na desktopu skrytý */
body.page-byty-cenik .ba-item-blog-posts .ba-blog-post-title-wrapper{
    display: none !important;
}

/* levý blok s údaji */
body.page-byty-cenik .ba-item-blog-posts .ba-blog-post-fields{
    grid-column: 1 !important;
    display: block !important;
    margin: 0 !important;
    min-width: 0 !important;
}

/* wrapper všech údajů */
body.page-byty-cenik .ba-item-blog-posts .ba-blog-post-fields > .ba-blog-post-field-row-wrapper{
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 10px !important;
    width: 100% !important;
    margin: 0 !important;
    min-width: 0 !important;
}

/* název bytu jako první buňka */
body.page-byty-cenik .ba-item-blog-posts .ba-blog-post-fields > .ba-blog-post-field-row-wrapper::before{
    content: attr(data-byt-title);
    display: block !important;
    flex: 0.95 1 0 !important;
    min-width: 0 !important;
    font-size: 16px !important;
    line-height: 1.1 !important;
    font-weight: 700 !important;
    color: #1f2529 !important;
    white-space: nowrap !important;
    padding-right: 6px !important;
    align-self: center !important;
}

/* jednotlivé buňky */
body.page-byty-cenik .ba-item-blog-posts .ba-blog-post-fields > .ba-blog-post-field-row-wrapper > .ba-blog-post-field-row{
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: center !important;
    flex: 1 1 0 !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    position: relative !important;
    height: 38px !important;
}

/* priority šířek */
body.page-byty-cenik .ba-item-blog-posts .ba-blog-post-fields > .ba-blog-post-field-row-wrapper > .ba-blog-post-field-row:nth-child(1){
    flex: 0.7 1 0 !important; /* Podlaží */
}
body.page-byty-cenik .ba-item-blog-posts .ba-blog-post-fields > .ba-blog-post-field-row-wrapper > .ba-blog-post-field-row:nth-child(2){
    flex: 0.8 1 0 !important; /* Dispozice */
}
body.page-byty-cenik .ba-item-blog-posts .ba-blog-post-fields > .ba-blog-post-field-row-wrapper > .ba-blog-post-field-row:nth-child(3){
    flex: 1.2 1 0 !important; /* Podlahová plocha */
}
body.page-byty-cenik .ba-item-blog-posts .ba-blog-post-fields > .ba-blog-post-field-row-wrapper > .ba-blog-post-field-row:nth-child(4){
    flex: 0.9 1 0 !important; /* Předzahrádka */
}
body.page-byty-cenik .ba-item-blog-posts .ba-blog-post-fields > .ba-blog-post-field-row-wrapper > .ba-blog-post-field-row:nth-child(5){
    flex: 0.7 1 0 !important; /* Terasa */
}
body.page-byty-cenik .ba-item-blog-posts .ba-blog-post-fields > .ba-blog-post-field-row-wrapper > .ba-blog-post-field-row[data-id="item-1776257430143"]{
    flex: 1.25 1 0 !important; /* Cena */
}
body.page-byty-cenik .ba-item-blog-posts .ba-blog-post-fields > .ba-blog-post-field-row-wrapper > .ba-blog-post-field-row[data-id="item-17762574439870"]{
    flex: 0.65 1 0 !important; /* Stav */
}

/* popisky */
body.page-byty-cenik .ba-item-blog-posts .ba-blog-post-field-title{
    margin: 0 !important;
    font-size: 11px !important;
    line-height: 1 !important;
    font-weight: 500 !important;
    color: #5d666d !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

/* hodnoty */
body.page-byty-cenik .ba-item-blog-posts .ba-blog-post-field-value{
    margin: 0 !important;
    font-size: 14px !important;
    line-height: 1.08 !important;
    font-weight: 700 !important;
    color: #1f2529 !important;
    white-space: nowrap !important;
    padding-top: 8px !important;
}

/* speciální výjimka pro Podlahovou plochu */
body.page-byty-cenik .ba-item-blog-posts .ba-blog-post-field-row[data-id="item-17762477622550"] .ba-blog-post-field-value{
    padding-top: 3px !important;
}

/* cena */
body.page-byty-cenik .ba-item-blog-posts .ba-blog-post-field-row[data-id="item-1776257430143"] .ba-blog-post-field-value{
    font-size: 16px !important;
}

/* stav */
body.page-byty-cenik .ba-item-blog-posts .ba-blog-post-field-row[data-id="item-17762574439870"] .ba-blog-post-field-value{
    font-size: 15px !important;
    font-weight: 700 !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
}

/* stav – barvy */
body.page-byty-cenik .ba-item-blog-posts .ba-blog-post-field-row[data-id="item-17762574439870"][data-status-ui="volny"] .ba-blog-post-field-value{
    color: #2e7d32 !important;
}
body.page-byty-cenik .ba-item-blog-posts .ba-blog-post-field-row[data-id="item-17762574439870"][data-status-ui="rezervovany"] .ba-blog-post-field-value{
    color: #c77700 !important;
}
body.page-byty-cenik .ba-item-blog-posts .ba-blog-post-field-row[data-id="item-17762574439870"][data-status-ui="prodany"] .ba-blog-post-field-value{
    color: #c62828 !important;
}

/* tečka před stavem */
body.page-byty-cenik .ba-item-blog-posts .ba-blog-post-field-row[data-id="item-17762574439870"][data-status-ui] .ba-blog-post-field-value::before{
    content: "";
    width: 8px;
    height: 8px;
    border-radius: 999px;
    display: inline-block;
    flex: 0 0 8px;
    background: currentColor;
}

/* jemné oddělení sloupců */
body.page-byty-cenik .ba-item-blog-posts .ba-blog-post-fields > .ba-blog-post-field-row-wrapper > .ba-blog-post-field-row .ba-blog-post-field-title,
body.page-byty-cenik .ba-item-blog-posts .ba-blog-post-fields > .ba-blog-post-field-row-wrapper > .ba-blog-post-field-row .ba-blog-post-field-value{
    padding-left: 14px !important;
}

body.page-byty-cenik .ba-item-blog-posts .ba-blog-post-fields > .ba-blog-post-field-row-wrapper > .ba-blog-post-field-row:first-child .ba-blog-post-field-title,
body.page-byty-cenik .ba-item-blog-posts .ba-blog-post-fields > .ba-blog-post-field-row-wrapper > .ba-blog-post-field-row:first-child .ba-blog-post-field-value{
    padding-left: 0 !important;
}

body.page-byty-cenik .ba-item-blog-posts .ba-blog-post-fields > .ba-blog-post-field-row-wrapper > .ba-blog-post-field-row::before{
    content: "" !important;
    position: absolute !important;
    left: 0 !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    width: 1px !important;
    height: 22px !important;
    background: rgba(63, 79, 90, 0.12) !important;
}

body.page-byty-cenik .ba-item-blog-posts .ba-blog-post-fields > .ba-blog-post-field-row-wrapper > .ba-blog-post-field-row:first-child::before{
    display: none !important;
}

/* wrapper tlačítka */
body.page-byty-cenik .ba-item-blog-posts .ba-blog-post-button-wrapper{
    grid-column: 2 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    margin: 0 !important;
}

/* tlačítko */
body.page-byty-cenik .ba-item-blog-posts .ba-blog-post-button-wrapper a,
body.page-byty-cenik .ba-item-blog-posts .ba-blog-post-button-wrapper .ba-btn-transition{
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 10px 18px !important;
    border: 1px solid #3f4f5a !important;
    border-radius: 0 !important;
    background: #3f4f5a !important;
    color: #ffffff !important;
    text-decoration: none !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    letter-spacing: .14em !important;
    text-transform: uppercase !important;
    white-space: nowrap !important;
    transition: all .2s ease !important;
    position: relative !important;
    z-index: 3 !important;
    height: 38px !important;
    text-align: center !important;
}

body.page-byty-cenik .ba-item-blog-posts .ba-blog-post-button-wrapper a:hover,
body.page-byty-cenik .ba-item-blog-posts .ba-blog-post-button-wrapper .ba-btn-transition:hover{
    background: #ffffff !important;
    color: #3f4f5a !important;
}

/* =========================================================
   TABLET / MENŠÍ NOTEBOOK
   ========================================================= */
@media (max-width: 1360px){
    body.page-byty-cenik .ba-item-blog-posts .ba-blog-post-content{
        grid-template-columns: 1fr !important;
        row-gap: 10px !important;
    }

    body.page-byty-cenik .ba-item-blog-posts .ba-blog-post-button-wrapper{
        grid-column: 1 !important;
        justify-content: flex-start !important;
    }

    body.page-byty-cenik .ba-item-blog-posts .ba-blog-post-fields > .ba-blog-post-field-row-wrapper{
        flex-wrap: wrap !important;
        gap: 12px !important;
    }

    body.page-byty-cenik .ba-item-blog-posts .ba-blog-post-fields > .ba-blog-post-field-row-wrapper::before{
        flex: 0 1 100% !important;
        margin-bottom: 2px !important;
    }

    body.page-byty-cenik .ba-item-blog-posts .ba-blog-post-fields > .ba-blog-post-field-row-wrapper > .ba-blog-post-field-row{
        flex: 0 1 calc(33.333% - 8px) !important;
        height: auto !important;
    }

    body.page-byty-cenik .ba-item-blog-posts .ba-blog-post-field-row[data-id="item-1776257430143"]{
        flex: 0 1 calc(50% - 6px) !important;
    }
}

/* =========================================================
   TABLET
   ========================================================= */
@media (max-width: 991px){
    body.page-byty-cenik .ba-item-blog-posts .ba-blog-post-content{
        padding: 16px 20px !important;
    }
}

/* =========================================================
   MOBIL – vertikální přehledná karta
   ========================================================= */
@media (max-width: 767px){

    body.page-byty-cenik .ba-item-blog-posts .ba-blog-post{
        border-radius: 0 !important;
    }

    body.page-byty-cenik .ba-item-blog-posts .ba-blog-post-content{
        display: grid !important;
        grid-template-columns: 1fr !important;
        row-gap: 14px !important;
        padding: 18px 16px !important;
        align-items: start !important;
    }

    /* znovu zobrazit klasický nadpis */
    body.page-byty-cenik .ba-item-blog-posts .ba-blog-post-title-wrapper{
        display: block !important;
        grid-column: 1 !important;
        margin: 0 !important;
    }

    body.page-byty-cenik .ba-item-blog-posts .ba-blog-post-title-wrapper h2,
    body.page-byty-cenik .ba-item-blog-posts .ba-blog-post-title-wrapper h3,
    body.page-byty-cenik .ba-item-blog-posts .ba-blog-post-title-wrapper a{
        display: block !important;
        font-size: 22px !important;
        line-height: 1.2 !important;
        font-weight: 700 !important;
        margin: 0 0 6px 0 !important;
        color: #1f2529 !important;
        text-decoration: none !important;
    }

    /* vypnout desktopový název v řádku */
    body.page-byty-cenik .ba-item-blog-posts .ba-blog-post-fields > .ba-blog-post-field-row-wrapper::before{
        display: none !important;
        content: none !important;
    }

    /* blok polí */
    body.page-byty-cenik .ba-item-blog-posts .ba-blog-post-fields{
        grid-column: 1 !important;
        width: 100% !important;
        min-width: 0 !important;
    }

    /* mobilní mřížka */
    body.page-byty-cenik .ba-item-blog-posts .ba-blog-post-fields > .ba-blog-post-field-row-wrapper{
        display: grid !important;
        grid-template-columns: 1fr 1fr !important;
        gap: 12px 14px !important;
        align-items: stretch !important;
        justify-content: initial !important;
    }

    /* jednotlivé buňky */
    body.page-byty-cenik .ba-item-blog-posts .ba-blog-post-fields > .ba-blog-post-field-row-wrapper > .ba-blog-post-field-row{
        display: flex !important;
        flex-direction: column !important;
        align-items: flex-start !important;
        justify-content: flex-start !important;
        width: auto !important;
        min-width: 0 !important;
        height: auto !important;
        flex: initial !important;
        padding: 0 !important;
    }

    /* bez oddělovačů na mobilu */
    body.page-byty-cenik .ba-item-blog-posts .ba-blog-post-fields > .ba-blog-post-field-row-wrapper > .ba-blog-post-field-row::before{
        display: none !important;
    }

    /* bez desktopových odsazení */
    body.page-byty-cenik .ba-item-blog-posts .ba-blog-post-fields > .ba-blog-post-field-row-wrapper > .ba-blog-post-field-row .ba-blog-post-field-title,
    body.page-byty-cenik .ba-item-blog-posts .ba-blog-post-fields > .ba-blog-post-field-row-wrapper > .ba-blog-post-field-row .ba-blog-post-field-value{
        padding-left: 0 !important;
    }

    /* popisky */
    body.page-byty-cenik .ba-item-blog-posts .ba-blog-post-field-title{
        margin: 0 0 4px 0 !important;
        font-size: 12px !important;
        line-height: 1.15 !important;
        white-space: normal !important;
        overflow: visible !important;
        text-overflow: initial !important;
    }

    /* hodnoty */
    body.page-byty-cenik .ba-item-blog-posts .ba-blog-post-field-value{
        margin: 0 !important;
        padding-top: 0 !important;
        font-size: 18px !important;
        line-height: 1.15 !important;
        white-space: normal !important;
        word-break: break-word !important;
    }

    /* speciální reset pro plochu */
    body.page-byty-cenik .ba-item-blog-posts .ba-blog-post-field-row[data-id="item-17762477622550"] .ba-blog-post-field-value{
        padding-top: 0 !important;
    }

    /* cena a stav přes celou šířku */
    body.page-byty-cenik .ba-item-blog-posts .ba-blog-post-field-row[data-id="item-1776257430143"],
    body.page-byty-cenik .ba-item-blog-posts .ba-blog-post-field-row[data-id="item-17762574439870"]{
        grid-column: 1 / -1 !important;
    }

    body.page-byty-cenik .ba-item-blog-posts .ba-blog-post-field-row[data-id="item-1776257430143"] .ba-blog-post-field-value{
        font-size: 24px !important;
    }

    body.page-byty-cenik .ba-item-blog-posts .ba-blog-post-field-row[data-id="item-17762574439870"] .ba-blog-post-field-value{
        font-size: 20px !important;
    }

    /* tlačítko vycentrované */
    body.page-byty-cenik .ba-item-blog-posts .ba-blog-post-button-wrapper{
        grid-column: 1 !important;
        display: flex !important;
        justify-content: center !important;
        width: 100% !important;
        margin: 2px 0 0 0 !important;
    }

    body.page-byty-cenik .ba-item-blog-posts .ba-blog-post-button-wrapper a,
    body.page-byty-cenik .ba-item-blog-posts .ba-blog-post-button-wrapper .ba-btn-transition{
        display: flex !important;
        width: 100% !important;
        max-width: 320px !important;
        justify-content: center !important;
        padding: 12px 16px !important;
        font-size: 12px !important;
        text-align: center !important;
    }
}








/* zrušení mezery mezi položkami u icon listu */
.ba-item-icon-list .vertical-layout li {
 margin-top: 0; 
}

/* zarovnání metrů čtverečních do řádku v detailní kartě bytu */
#item-17762477622550 span.field-price-currency {
 margin-top: -6px;
 margin-left: 5px; 
}