/* Nolle Customer Map — Public / shortcode styles */

.ncm-public-wrap {
    margin: 0 0 0;
    /* Allow the wrap to be full-height when the map is full-viewport */
    display: flex;
    flex-direction: column;
}

.ncm-public-stats {
    background: #1a1a2e;
    color: #e0e0e0;
    padding: 10px 18px;
    border-radius: 4px 4px 0 0;
    font-size: 0.95em;
    letter-spacing: 0.02em;
    flex-shrink: 0;
}

.ncm-public-stats .ncm-badge {
    display: inline-block;
    background: #2271b1;
    color: #fff;
    border-radius: 12px;
    padding: 2px 10px;
    font-weight: bold;
    margin: 0 4px;
}

/* Base public map styles */
.ncm-public-map {
    border: 1px solid #ddd;
    border-top: none;
    border-radius: 0 0 4px 4px;
    width: 100%;
    /* Default height when shortcode doesn't specify and full-vh class not applied */
    min-height: 400px;
}

/*
 * Full viewport height variant.
 * Applied when the shortcode has no explicit height= attribute.
 * Accounts for a typical theme header (~80px). Adjust the offset
 * if the active theme has a taller/shorter header.
 */
.ncm-public-map--fullvh {
    height: 100vh;
    /* Subtract a reasonable theme header height so there's no overflow scrollbar */
    height: calc(100vh - 80px);
}