/* ==========================================================
   Property Map Grid Responsive Columns
   ========================================================== */

/* Map container: hidden by default */
.show-on-map {
    display: none !important;
}

/* Map container: visible when toggled */
.show-on-map.jg-map-visible {
    display: flex !important;
}

/* Grid: 2 columns when map is open */
.all-listings.jg-map-open .jet-listing-grid__items {
    --columns: 2;
}

.all-listings.jg-map-open .jet-listing-grid__items.grid-col-desk-4 {
    --desktop-col: 2;
}

.all-listings.jg-map-open .jet-listing-grid__items .jet-listing-grid__item {
    width: 50% !important;
    flex: 0 0 50% !important;
    max-width: 50% !important;
}

.all-listings .jet-listing-grid__items .jet-listing-grid__item {
    transition: width 0.3s ease, flex-basis 0.3s ease, max-width 0.3s ease;
}

/* Mobile: always 1 column */
@media (max-width: 767px) {
    .all-listings.jg-map-open .jet-listing-grid__items .jet-listing-grid__item {
        width: 100% !important;
        flex: 0 0 100% !important;
        max-width: 100% !important;
    }
}