/**
 * Page Designer — Map block render styles
 * v1.0.0 (introduced in PAGE_DESIGNER_VERSION 2.6.78)
 *
 * Loaded inside the GrapesJS canvas (and on the live published page)
 * via the assets/blocks/<name>/<name>.css glob in views/editor.php.
 *
 * The vendor map block renders as an <iframe data-gjs-type="map">.
 * Default rendering has no width — this rule makes it fill its parent
 * column so the height slider in the Map Settings Panel is the only
 * size control the user needs.
 *
 * Every selector here is scoped to `iframe[data-gjs-type="map"]` so
 * we never collide with another block, panel, or tool.
 */

iframe[data-gjs-type="map"] {
    display: block;
    width: 100%;
    border: 0;
}

/* EDITOR-ONLY (canvas carries .gjs-dashed; the published page does not).
   The cross-origin Google Maps iframe swallows clicks, so it can't be
   selected by clicking. Disabling pointer events here lets the transparent
   click-catcher (injected by map.js) receive the click and select the Map
   component. The live page keeps the map fully interactive. */
.gjs-dashed iframe[data-gjs-type="map"] {
    pointer-events: none;
}
.gjs-dashed [data-pd-map-catch] {
    position: absolute;
    inset: 0;
    z-index: 5;
    cursor: pointer;
    background: transparent;
}