/* Compatibility fixes after Joomla 3 -> Joomla 4 migration. */
.main-page-container .com-content-category-blog .readmore,
.main-page-container .com-content-category-blog p.readmore {
    display: none !important;
}

.main-page-container .com-content-category-blog .blog-item {
    clear: both;
    margin-bottom: 45px;
}

.main-page-container .com-content-category-blog .room-box {
    display: flex;
    align-items: stretch;
    gap: 30px;
    position: relative;
    text-align: left;
}

.main-page-container .com-content-category-blog .room-box .img-container,
.main-page-container .com-content-category-blog .room-box .details {
    float: none !important;
    position: relative;
}

.main-page-container .com-content-category-blog .room-box .img-container {
    flex: 0 0 45%;
    max-width: 45%;
    height: auto !important;
    min-height: 0;
    overflow: visible;
    padding: 0;
}

.main-page-container .com-content-category-blog .room-box .details {
    flex: 1 1 auto;
    max-width: none;
    width: auto !important;
    padding: 10px 25px 30px 0;
    background: transparent;
}

.main-page-container .com-content-category-blog .room-box .img-container img {
    display: block;
    width: 100%;
    height: auto;
    position: static !important;
    transform: none !important;
}

@media (max-width: 767px) {
    .main-page-container .com-content-category-blog .room-box {
        display: block;
    }

    .main-page-container .com-content-category-blog .room-box .img-container,
    .main-page-container .com-content-category-blog .room-box .details {
        max-width: none;
        width: 100% !important;
        padding: 0;
    }
}