/* Properties View Switching - Redfin-style */
/* Override Tailwind's .hidden class for view switching */

/* VIEW 1: LIST/GRID VIEW - Show only listOnlyView */
.view-list [data-unified-map-optimized-target="listOnlyView"] {
  display: block !important;
}

.view-list [data-unified-map-optimized-target="splitListings"],
.view-list [data-unified-map-optimized-target="mapOnlyView"] {
  display: none !important;
}

.view-list [data-unified-map-optimized-target="mapCanvas"] {
  visibility: hidden !important;
}

/* VIEW 2: SPLIT VIEW - Show splitListings (list + map side by side) */
.view-split [data-unified-map-optimized-target="splitListings"] {
  display: flex !important;
}

.view-split [data-unified-map-optimized-target="listOnlyView"],
.view-split [data-unified-map-optimized-target="mapOnlyView"] {
  display: none !important;
}

.view-split [data-unified-map-optimized-target="mapCanvas"] {
  visibility: visible !important;
}

/* VIEW 3: MAP VIEW - Show only mapOnlyView */
.view-map [data-unified-map-optimized-target="mapOnlyView"] {
  display: block !important;
}

.view-map [data-unified-map-optimized-target="listOnlyView"],
.view-map [data-unified-map-optimized-target="splitListings"] {
  display: none !important;
}

.view-map [data-unified-map-optimized-target="mapCanvas"] {
  visibility: visible !important;
}

/* Mobile/Tablet: Force list view, no split */
@media (max-width: 1023px) {
  .view-split [data-unified-map-optimized-target="splitListings"] {
    display: none !important;
  }

  .view-split [data-unified-map-optimized-target="listOnlyView"] {
    display: block !important;
  }

  .view-split [data-unified-map-optimized-target="mapCanvas"] {
    visibility: hidden !important;
  }
}

/* Google Maps InfoWindow - Remove default padding to match property cards */
.gm-style .gm-style-iw-c {
  padding: 0 !important;
  margin-top: 0 !important;
  border-radius: 8px !important;
  box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1) !important;
}

.gm-style .gm-style-iw-d {
  overflow: hidden !important;
  padding: 0 !important;
  margin: 0 !important;
}

.gm-style .gm-style-iw {
  padding: 0 !important;
  margin: 0 !important;
  top: 0 !important;
}

.gm-style .gm-style-iw-ch {
  padding: 0 !important;
  margin: 0 !important;
}

.gm-style .gm-style-iw-t::after {
  display: none !important;
}

/* Hide default close button - we'll use our own if needed */
.gm-style-iw button.gm-ui-hover-effect {
  display: none !important;
}