/**
 * Nice PageBuilder - Google Maps Component Styles
 * Frontend styles for embedded Google Maps
 */

.nice-pb-google-maps {
    width: 100%;
    overflow: hidden;
    border-radius: 8px;
}

.nice-pb-google-maps--fullwidth {
    width: 100%;
}

.nice-pb-google-maps iframe {
    display: block;
    width: 100%;
    border: none;
    border-radius: 8px;
}

/* Map style variations */
.nice-pb-google-maps--default iframe {
    filter: none;
}

.nice-pb-google-maps--grayscale iframe {
    filter: grayscale(100%);
}

.nice-pb-google-maps--sepia iframe {
    filter: sepia(20%);
}

.nice-pb-google-maps--dark iframe {
    filter: brightness(0.9) contrast(1.2);
}

/* Responsive handling */
@media (max-width: 768px) {
    .nice-pb-google-maps {
        border-radius: 4px;
    }

    .nice-pb-google-maps iframe {
        border-radius: 4px;
    }
}