/* MediaMap Kiosk — host-page styles for the [mediamap_kiosk] iframe embed. */

.mediamap-kiosk-frame {
    position: relative;
    display: block;
    width: 100%;
    max-width: 100%;
    overflow: hidden;
    border-radius: 12px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12);
    background: #e2e8f0;
    box-sizing: border-box;
}

.mediamap-kiosk-frame iframe {
    display: block;
    width: 100%;
    height: 100%;
    border: 0;
    margin: 0;
}

/* Full-height / full-width embeds read as part of the page, not a card. */
.mediamap-kiosk-frame.is-full-height,
.mediamap-kiosk-frame.is-full-width {
    border-radius: 0;
    box-shadow: none;
}

/* Remove the vertical gaps themes put around content so header → map →
   footer meet cleanly on the full-height page template. */
.mediamap-kiosk-fullheight-page .mediamap-kiosk-page-main {
    display: block;
    margin: 0 !important;
    padding: 0 !important;
    max-width: none !important;
    width: 100%;
}

.mediamap-kiosk-fullheight-page .mediamap-kiosk-page-main > *:not(.mediamap-kiosk-frame) {
    margin-left: auto;
    margin-right: auto;
}

.mediamap-kiosk-fullheight-page .mediamap-kiosk-page-main .mediamap-kiosk-frame {
    margin-top: 0;
    margin-bottom: 0;
}

.mediamap-kiosk-fullheight-page .wp-site-blocks > .mediamap-kiosk-page-main,
.mediamap-kiosk-fullheight-page .wp-site-blocks > footer {
    margin-block-start: 0;
}

/* Classic themes often wrap content in padded containers; these are the
   most common ones (Twenty Twenty-One, Astra, GeneratePress, OceanWP,
   Kadence, Hello Elementor…). The map breaks out of them via JS anyway,
   this just removes the blank space they'd leave above/below it. */
.mediamap-kiosk-fullheight-page #content.site-content,
.mediamap-kiosk-fullheight-page .site-content,
.mediamap-kiosk-fullheight-page #primary.content-area,
.mediamap-kiosk-fullheight-page .site-main,
.mediamap-kiosk-fullheight-page #main {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

/* …and the space themes put above the site footer (Twenty Twenty-One
   uses 180px), so the footer sits directly under the map. */
.mediamap-kiosk-fullheight-page #colophon,
.mediamap-kiosk-fullheight-page .site-footer,
.mediamap-kiosk-fullheight-page footer.wp-block-template-part,
.mediamap-kiosk-fullheight-page #footer {
    margin-top: 0 !important;
}

.mediamap-kiosk-fullheight-page {
    overflow-x: hidden;
}