/* Contact Map widget — embed wrapper.
 * .map-placeholder styles (placeholder mode) already live in theme.css
 * and mirror the prototype 1:1. This file adds the iframe wrapper used
 * when the widget renders an actual Google Maps / OSM embed.
 */

.map-embed {
    position: relative;
    overflow: hidden;
    border-radius: var(--radius-2xl);
    border: 1px solid var(--color-border);
    background: var(--color-accent-light);
    aspect-ratio: 16 / 9;
}

.map-embed iframe {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    border: 0;
    display: block;
}

.map-embed-cta {
    margin-top: var(--space-3);
    display: inline-flex;
}