/* 
Theme Name: HIPPY Australia (Hello Elementor Child)
Theme URI: https://github.com/elementor/hello-theme/
Description: This is a child theme of Hello Elementor
Author: BSL Digital
Author URI: https://hippyaustralia.org.au/
Template: hello-elementor
Version: 1.0.1
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/
/*
    Add your custom styles here
*/
/*
    wp go maps overrides for hippy
*/
.wpgmza_map {
    border-radius: 20px !important;
}
.wpgmaps_mlist_row {
    border-radius: 20px !important;
    padding-top: 20px !important;
}
.wpgmza_basic_row, .wpgmaps_even, .wpgmaps_odd {
    border-radius: 20px !important;
    padding-top: 20px !important;
    margin-top: 20px !important;
    margin-bottom: 20px !important;
}
.wpgmaps_even {
    background: 
#ffb4ab !important;
}
.wpgmaps_odd {
    background: 
#80cec8 !important;
}
/* remove top padding on first, bottom on last (for single column grid)
.wpgmza_basic_row:first-child,
.wpgmaps_even:first-child,
.wpgmaps_odd:first-child {
    margin-top: 0 !important;
}

.wpgmza_basic_row:last-child,
.wpgmaps_even:last-child,
.wpgmaps_odd:last-child {
    margin-bottom: 0 !important;
}
 */
/* Scoped WP Go Maps InfoWindow inside Elementor container */
#map-single-site .wpgmza-panel-info-window {
    box-sizing: border-box;
    border-radius: inherit;   /* let Elementor container set this */
    background: inherit;      /* let Elementor container set bg color */
    overflow: hidden;         /* prevent internal scroll */
    padding: 20px;
}
/* Hide the close button entirely */
#map-single-site .wpgmza-panel-actions .wpgmza-close {
    display: none !important;
}

#map-single-site .wpgmza-infowindow-link {
	display: none !important;
}

/* Hide the custom fields container entirely for now */
#map-single-site .wpgmza-custom-fields {
    display: block; /* keep visible for styling except slug */
}
/* Hide slug specifically */
#map-single-site .wpgmza-custom-fields [data-custom-field-name="slug"] {
    display: none !important;
}

/* Optional: ensure internal content scales nicely */
#map-single-site .wpgmza-panel-info-window > * {
    height: 100%;
    overflow: hidden;
}
/* --- Targeted styling --- */
/* Marker title */
#map-single-site .wpgmza-title {
    font-size: 2.5rem;   /* adjust to theme font sizing */
    font-weight: 700;
    margin-bottom: 1rem;
}
/* Hide custom field labels but keep values visible */
#map-single-site .wpgmza-custom-fields .custom-field-label {
    display: none !important;
}

/* Address container and text */
#map-single-site .wpgmza-address {
    font-size: 1rem;
    display: flex;
    align-items: center;
    gap: 0.5em;
    margin-bottom: 0.5em;
}
#map-single-site .wpgmza-address svg {
    width: 24px;   /* scale down marker icon */
    height: 24px;
}
/* User distance */
#map-single-site .wpgmza-distance-from-location {
    font-size: 0.875rem;
    color: #555;   /* subtle color, adjust if needed */
}
/* Custom fields (phone, web, provider) */
#map-single-site .wpgmza-custom-fields > div {
    font-size: 0.875rem;
    margin-bottom: 0.25em;
}
#map-single-site .wpgmza-custom-fields > div .custom-field-label {
    font-weight: 600;
    margin-right: 0.25em;
}

/* =============================================================================
   WP Go Maps - Grid Overrides for Elementor (Child Theme)
============================================================================= */

/* Remove row margins */
.wpgmza-grid-row {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

/* Grid container: 3 columns default, more specific to beat Elementor inline styles */
.wpgmza-standalone-component .wpgmza-marker-grid,
.wpgmza_map .wpgmza-inner-stack .wpgmza-marker-grid {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 20px !important;
}

/* Tablet breakpoint: 2 columns */
@media (max-width: 1024px) {
    .wpgmza-standalone-component .wpgmza-marker-grid,
    .wpgmza_map .wpgmza-inner-stack .wpgmza-marker-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}

/* Mobile breakpoint: 1 column */
@media (max-width: 767px) {
    .wpgmza-standalone-component .wpgmza-marker-grid,
    .wpgmza_map .wpgmza-inner-stack .wpgmza-marker-grid {
        grid-template-columns: 1fr !important;
    }
}