/* Match the original visual settings without replacing Houzez templates. */
.header-main-wrap .container,
.header-main-wrap .container-fluid,
.footer-wrap .container { --bs-gutter-x: 30px; }
.header-mobile .toggle-button-left,
.header-mobile .toggle-button-right { padding-left: 15px; padding-right: 15px; }
.header-v5 .header-top .logo-desktop { transform: translateY(1px); }
.header-v5 .header-top .login-register { transform: translateY(.83px); }
.header-v5 .header-social-icons .list-inline-item:not(:last-child) { margin-right: 8px; }
.listing-view.grid-view.row { --bs-gutter-x: 30px; --bs-gutter-y: 30px; }
.item-wrap-v6 .item-title { line-height: 1.2; margin-bottom: 10px !important; }
.item-wrap-v6 .item-price-wrap { display: block !important; }
.item-wrap-v6 .item-price { font-size: 18px; font-weight: 600; line-height: 25px; }
.item-wrap-v6 .amenities-price-wrap { flex-direction: row !important; align-items: center; justify-content: space-between; gap: 10px !important; }
.item-wrap-v6 .item-amenities { color: #636363; }
.item-wrap-v6 .item-amenities,
.item-wrap-v10 .item-amenities { column-gap: 0 !important; row-gap: 10px !important; }
.item-wrap-v6 .item-amenities li,
.item-wrap-v10 .item-amenities li { display: flex !important; align-items: center; column-gap: 5px; margin-right: 12px !important; }
.item-wrap-v6 .item-amenities .area_postfix { display: none; }
.item-wrap-v6 .item-amenities i,
.item-wrap-v10 .item-amenities i { margin-right: 4px !important; }
.item-wrap-v6 .item-amenities .hz-figure,
.item-wrap-v10 .item-amenities .hz-figure { margin-right: 0 !important; }
.item-wrap-v10 .item-title { line-height: 1.2; margin-bottom: 3px !important; }
.item-wrap-v10 .item-price { font-weight: 600; line-height: 25px; }
/* Address markup in 4.4 includes an icon even when the address is empty. */
.item-wrap-v10 .item-address:has(> span:empty) { height: 0; margin: 0 0 10px !important; overflow: hidden; }
.item-wrap-v10 .item-body > .labels-wrap:empty { display: none !important; }
.item-wrap-v10 .item-body > .item-price-wrap { margin-top: 0 !important; margin-bottom: 20px !important; }
.item-wrap-v10 .item-body > .item-amenities { margin-bottom: 0 !important; }
.blog-post-item .blog-post-title h3 { font-size: 16px; font-weight: 500; line-height: 1.5; }
.footer-wrap .row { --bs-gutter-x: 30px; }
@media (max-width: 991.98px) {
    .item-wrap-v10 .item-v10-image.image-wrap { aspect-ratio: auto; height: auto; }
    .item-wrap-v10 .image-wrap img:not(.houzez-lazyload) { width: 100%; height: auto; object-fit: contain; }
    .item-wrap-v10 .item-body { justify-content: flex-start !important; }
}
@media (min-width: 576px) and (max-width: 767.98px) {
    .item-wrap-v6 .amenities-price-wrap { flex-direction: column !important; align-items: flex-start; }
}
@media (max-width: 767.98px) {
    .item-wrap-v6 .item-price { font-size: 16px; }
}
/* The legacy grid included one final row gutter below its cards. */
.listing-view.grid-view.row { margin-bottom: 30px; }
.item-wrap-v6 .item-body { justify-content: flex-start !important; }
.item-wrap-v10 .item-body > .labels-wrap:not(:has(*)) { display: none !important; }
.item-wrap-v10 .item-tools-v2 { background: #fff; }
.item-wrap-v10 .item-tools-v2 .item-tool > span { color: #222; background: #fff; }
.item-wrap-v10 .item-header-with-button .btn { background: #fff; color: #222; font-weight: 500; }
@media (max-width: 991.98px) {
    .listing-view.list-view:has(> .item-wrap-v10) { gap: 30px !important; }
    .item-wrap-v10 .item-footer-author-tool-wrap .btn { padding-left: 15px !important; padding-right: 15px !important; line-height: 32px; font-weight: 400; }
}
.item-wrap-v10 .item-amenities li.h-type { display: block !important; }
.item-wrap-v10 .item-footer-author-tool-wrap { align-items: center; }
@media (max-width: 991.98px) {
    .item-wrap-v10 .item-footer-author-tool-wrap .btn { height: 34px; font-weight: 500; }
}
/* Keep Bootstrap container padding consistent with the restored listing gutter. */
.container:has(.listing-view.grid-view.row) { --bs-gutter-x: 30px; }
.item-wrap-v10 .item-body > .item-price-wrap { gap: 0 !important; }
.item-wrap-v10 .item-sub-price { font-weight: 300; line-height: 25px; }
.item-wrap-v10 .item-wrap .item-header-2 .btn { background: #fff; color: #222; }
@media (max-width: 991.98px) {
    .listing-view.list-view:has(> .item-wrap-v10) { margin-bottom: 30px; }
}