/**
 * Custom CSS for GP Address Autocomplete Map
 * Increases the height of the map on the Report a Camera page
 */

/* Target the specific map container class used by GP Address Autocomplete */
.page-id-199 .gpaa_map_container {
    height: 500px !important; /* Override the plugin's default 300px */
    min-height: 500px !important;
}

/* Alternative selectors in case the above don't work */
.page-id-199 .gform_wrapper .gpaa_map_container {
    height: 500px !important;
    min-height: 500px !important;
}

/* Target any Google Maps container on the page */
.page-id-199 .gform_wrapper .google-maps-container,
.page-id-199 .gform_wrapper .map-container {
    height: 500px !important;
    min-height: 500px !important;
}

/* Make sure the map takes full width */
.page-id-199 .gpaa_map_container {
    width: 100% !important;
    max-width: 100% !important;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .page-id-199 .gpaa_map_container {
        height: 400px !important; /* Slightly smaller on mobile */
        min-height: 400px !important;
    }
}