/*
 * KFK Home Project Mix 1.0.2 - home page cards only.
 * The theme's home-page layout has a different markup/layout than object_type archives.
 * Keep all original data, flags, chips, links, and the category grid untouched.
 */

/* Stretch the existing UIkit columns and make the three-card row uniform. */
body.home .kfk-domk-cat {
    align-items: stretch;
}
body.home .kfk-domk-cat > .kfk-domk-cat-item {
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
    min-width: 0;
}
body.home .kfk-domk-cat > .kfk-domk-cat-item > .kfk-domk-cat-item-ins {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-width: 0;
    width: 100%;
}

/* Keep every facade photograph the same size without stretching the image. */
body.home .kfk-domk-cat .cat-img {
    width: 100%;
    aspect-ratio: 4 / 3;
    overflow: hidden;
    background: #fff5e9;
    flex: 0 0 auto;
}
body.home .kfk-domk-cat .cat-img > a {
    display: block;
    height: 100%;
    width: 100%;
}
body.home .kfk-domk-cat .cat-img img {
    display: block;
    width: 100%;
    height: 100%;
    max-width: none;
    object-fit: cover;
    object-position: center;
}

/*
 * The old two-column title/price row squeezes titles to 55-60% width.
 * Put the price on a full-width second line to prevent 4-5-line names.
 * Reserve 2 lines for names on wide 3-column layouts so the chips line up.
 */
body.home .kfk-domk-cat .cat-mid {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: flex-start;
    gap: 7px;
    min-width: 0;
    min-height: 0;
    margin-top: 14px;
    margin-bottom: 12px;
}
body.home .kfk-domk-cat .cat-mid > .uk-h3 {
    flex: 0 0 auto;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    min-height: 52px;
    margin: 0;
    overflow-wrap: break-word;
    word-break: normal;
}
body.home .kfk-domk-cat .cat-mid > .cat-price {
    flex: 0 0 auto;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    min-height: 26px;
    margin: 0;
    text-align: left;
    overflow-wrap: break-word;
}

/* Each card has a two-line chips zone, followed by a bottom-aligned button. */
body.home .kfk-domk-cat .cat-bot {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    min-width: 0;
}
body.home .kfk-domk-cat .cat-bot > ul {
    min-height: 63px;
    margin: 0;
    padding: 0;
}
body.home .kfk-domk-cat .cat-bot > ul > li {
    margin-bottom: 5px;
    max-width: 100%;
    box-sizing: border-box;
    vertical-align: top;
    overflow-wrap: anywhere;
}
body.home .kfk-domk-cat .cat-more {
    margin-top: auto;
    padding-top: 10px;
}

/* Pagination remains full width in UIkit's grid. */
body.home .kfk-domk-cat > .art-nav {
    box-sizing: border-box;
    flex: 0 0 100%;
    width: 100%;
}

/* Below desktop 3-column width each card occupies a wider, solo row. */
@media (max-width: 1199px) {
    body.home .kfk-domk-cat .cat-mid > .uk-h3 {
        min-height: 0;
    }
    body.home .kfk-domk-cat .cat-bot > ul {
        min-height: 0;
    }
    body.home .kfk-domk-cat .cat-more {
        margin-top: 0;
        padding-top: 14px;
    }
}