/* Google Map Block Styles */

.google-map-container {
    position: relative;
    width: 100%;
}

.google-map {
    width: 100%;
    height: 400px;
    min-height: 400px;
}

/* Full screen style variant */
.google-map-block.full-screen .google-map {
    height: 600px;
    min-height: 600px;
}

@media (max-width: 768px) {
    .google-map {
        height: 300px;
        min-height: 300px;
    }
    
    .google-map-block.full-screen .google-map {
        height: 400px;
        min-height: 400px;
    }
}