/**
 * Styles for the Google Maps large block
 *
 * @package Lawtrucks
 */

/* Main container */
.google-maps-large-block {
    width: 100%;
    margin: 0;
    padding: 0;
}

/* Maps container */
.google-maps-large-block .maps-container {
    width: 100%;
    height: 500px; /* Default height for the map */
    position: relative;
}

/* Embed wrapper */
.google-maps-large-block .maps-embed {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

/* Make embedded iframe responsive and full-width */
.google-maps-large-block .maps-embed iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}

/* Placeholder styling (when no embed code is present) */
.google-maps-large-block .maps-placeholder {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    background-color: #f5f5f5;
    color: #666666;
    font-size: 16px;
    text-align: center;
}

/* Responsive styles */
@media (max-width: 768px) {
    .google-maps-large-block .maps-container {
        height: 400px; /* Reduced height on tablets */
    }
}

@media (max-width: 480px) {
    .google-maps-large-block .maps-container {
        height: 300px; /* Further reduced height on mobile */
    }
}