////
///
/// Map Site Styles
/// ===========================================================================
///
/// Classes the scapepress sites use next to the native `map` module,
/// moved here from the removed `32-utilities/_scapepress-parity.scss` shim.
/// Forwarded from `31-modules/_index.scss` ahead of every module rather than
/// from this module's index, so at equal specificity the native rules win.
///
/// 5 blocks, each still marked with the site and file it came from.
/// Values read `--ss-*` tokens in place of the sites' own Sass and
/// custom-property variables.
///
/// @group Modules.Map
/// @author Scape Press
/// @link https://scape.style
/// @since 0.6.0
/// @access public
///
////

@use "../../01-core/external" as *;

// ============================================================================
// Output
// ============================================================================

@layer ss.components {
    // -- map-placeholder  (from site-scape_ventures/src/static/scss/sections/_contact.scss) --
    .ss-c-map-placeholder {
        height: q(400);
        background: var(--ss-color-gray-100);
        display: flex;
        align-items: center;
        justify-content: center;
    }

    // -- map-embed  (from site-scape_ventures/src/static/scss/sections/_contact.scss) --

    // -- map-placeholder-content  (from site-scape_ventures/src/static/scss/sections/_contact.scss) --
    .ss-c-map-placeholder-content {
        text-align: center;
        color: var(--ss-color-gray-300);

        svg {
            width: q(48);
            height: q(48);
            margin: 0 auto var(--ss-spacing-4);
        }

        p {
            font-size: var(--ss-font-size-lg);
            color: var(--ss-color-gray-500);
        }

        span {
            font-size: var(--ss-font-size-sm);
        }
    }

    // -- map  (from site-scape_agency/src/static/scss/_base.scss) --
    .ss-c-map{
        .ss-c-mapboxgl-popup{
            display: none;
        }
        .ss-c-mapboxgl-canvas-container{
            position: absolute;
        }
    }

    // -- map-container  (from site-matter_tech/src/static/scss/sections/_contact.scss) --
    .ss-c-map-container {
        height: q(400);
        background-color: var(--ss-color-gray-100);
    }
}