/* GP Google Maps – styles frontend */

.gp-google-maps-wrapper {
    position: relative;
    width: 100%;
    overflow: hidden;
    border-radius: 4px;
}

/* Iframe de la carte */
.gp-google-maps-iframe {
    width: 100%;
    height: 100%;
    border: 0;
    display: block;
}

/*
 * Overlay transparent par-dessus l'iframe.
 * Il intercepte le clic et redirige vers Google Maps,
 * tout en laissant le scroll de la page fonctionner.
 * Le zoom avec la molette est désactivé par défaut pour
 * éviter les zooms accidentels lors du scroll de page.
 */
.gp-google-maps-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
    display: block;
    cursor: pointer;
    text-decoration: none;
    background: transparent;
}

/*
 * Sur mobile, un simple tap ouvre Google Maps.
 * Sur desktop, on laisse le curseur pointer indiquer que c'est cliquable.
 */
@media ( hover: hover ) {
    /* Effet visuel au survol : légère vignette pour indiquer l'interactivité */
    .gp-google-maps-overlay:hover {
        background: rgba( 0, 0, 0, 0.04 );
    }
}

/* Responsive : hauteur réduite sur mobile si la carte est haute */
@media ( max-width: 768px ) {
    .gp-google-maps-wrapper {
        height: 300px !important;
    }

    .gp-google-maps-iframe {
        height: 300px !important;
    }
}