/*
 * Custom Map Infobox Styles
 * Hide title, price, and property details in map infoboxes
 */

/* Hide title, price, details and buttons in infoboxes */
.info_details .infobox_title,
.info_details .prop_pricex,
.info_details .infobox_details,
.info_details .prop_detailsx,
.info_details .infobox_minimal_link,
.view-property-btn,
#infocloser {
    display: none !important;
}

/* Adjust infobox size and positioning */
.info_details {
    min-width: 150px;
    max-width: 200px;
    position: relative;
    z-index: 1000;
    margin-top: 10px; /* Prevent covering marker */
}

.infobox_wrapper_image {
    margin-bottom: 0;
    padding: 5px;
}

.infobox_wrapper_image img {

    height: auto;
    max-height: 120px;
    object-fit: cover;
    border-radius: 4px;
    border: 2px solid #fff;
    box-shadow: 0 2px 8px rgba(0,0,0,0.3);
}

/* For Google Maps InfoWindow */
#content .infobox_wrapper_image {
    margin-bottom: 0;
    padding: 5px;
}

/* Ensure infobox doesn't cover marker */
.gm-style-iw {
    top: 15px !important;
}

.gm-style-iw-d {
    overflow: visible !important;
}

/* Make sure map is active/visible by default */
#gmap_wrapper {
    opacity: 1 !important;
    visibility: visible !important;
}

#googleMap {
    opacity: 1 !important;
    visibility: visible !important;
}

/* Make Street View button more highlighted than other buttons */
#street-view {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
    background-color: #2196F3 !important; /* Bright blue background */
    color: white !important;
    border: 2px solid #1976D2 !important;
    border-radius: 6px !important;
    padding: 8px 12px !important;
    font-weight: bold !important;
    font-size: 14px !important;
    box-shadow: 0 4px 12px rgba(33, 150, 243, 0.4) !important;
    transform: scale(1.05) !important;
    z-index: 1001 !important;
    transition: all 0.3s ease !important;
}

#street-view:hover {
    background-color: #1976D2 !important;
    transform: scale(1.1) !important;
    box-shadow: 0 6px 16px rgba(33, 150, 243, 0.6) !important;
}

/* Force markers to be green/active color */
.gm-style img[src*="marker"] {
    filter: hue-rotate(120deg) saturate(1.5) brightness(1.1) !important;
}

/* Alternative method for custom markers */
.marker_cluster,
.marker_cluster_selected,
.custom_marker {
    background-color: #228b22 !important; /* Green color */
}

/* Ensure markers stay active/highlighted */
.gm-style .gm-style-iw-c {
    background-color: rgba(255, 255, 255, 0.95) !important;
    border-radius: 8px !important;
    box-shadow: 0 4px 12px rgba(0,0,0,0.3) !important;
}

/* Custom marker styles for active state */
.property_marker {
    background-color: #228b22 !important;
    color: white !important;
    font-weight: bold !important;
}

.property_marker:hover,
.property_marker.active {
    background-color: #66BB6A !important;
    transform: scale(1.1) !important;
    z-index: 1000 !important;
}

/* Make wpestate_marker always appear active */
.wpestate_marker {
    background-color: #228b22 !important;
    transform: scale(1.1) !important;
    z-index: 1000 !important;
    box-shadow: 0 4px 12px rgba(0,0,0,0.4) !important;
}

.wpestate_marker .interior_pin_price {
    color: white !important;
    font-weight: bold !important;
    background-color:#228b22 !important;
    padding: 2px 6px !important;
    border-radius: 4px !important;
    font-size: 12px !important;
}