/*
 * SimpleMaps location popup body (HTML built in wpcm-simplemaps.js).
 * Loaded when [locations-map] runs with CM_SIMPLE_MAPS enabled.
 *
 * Uses theme tokens when Bedrock (or similar) defines --color-primary / --font-body.
 */

.wpcm-locations-map-root .wpcm-simplemaps-popup {
    margin: 0;
    padding: 0;
    max-width: 18rem;
    text-align: left;
    font-family: var(--font-body, inherit);
    font-size: 0.875rem;
    line-height: 1.45;
    color: var(--color-heading, #202020);
}

.wpcm-locations-map-root .wpcm-simplemaps-popup__address {
    margin: 0 0 0.75rem;
    color: var(--color-body, #313131);
}

.wpcm-locations-map-root .wpcm-simplemaps-popup__row {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin: 0 0 0.5rem;
}

.wpcm-locations-map-root .wpcm-simplemaps-popup__row:last-child {
    margin-bottom: 0;
}

.wpcm-locations-map-root .wpcm-simplemaps-popup__row i {
    color: var(--color-primary);
}

.wpcm-locations-map-root .wpcm-simplemaps-popup__body {
    display: flex;
    flex-direction: column;
    gap: 0.125rem;
    min-width: 0;
    font-size: 16px;
    line-height: 1.45;
    font-family: var(--font-heading);
    font-weight: 400;
}

.wpcm-locations-map-root .wpcm-simplemaps-popup__link {
    color: inherit;
    font-size: 16px;
    line-height: 1.45;
    font-family: var(--font-heading);
    font-weight: 400;
}

.wpcm-locations-map-root .wpcm-simplemaps-popup__more,
.wpcm-locations-map-root .wpcm-simplemaps-popup__fallback {
    margin: 0;
}

/*
 * State hover popups (HTML from location posts, not static SimpleMaps descriptions).
 */
.wpcm-locations-map-root .wpcm-simplemaps-state-popup {
    margin: 0;
    padding: 0;
    max-width: 20rem;
    text-align: left;
    font-family: var(--font-body, inherit);
}

.wpcm-locations-map-root .wpcm-simplemaps-state-popup__block {
    margin: 0 0 1rem;
}

.wpcm-locations-map-root .wpcm-simplemaps-state-popup__block:last-child {
    margin-bottom: 0;
}

.wpcm-locations-map-root .wpcm-simplemaps-state-popup__title {
    margin: 0 0 0.35rem;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.25;
    color: var(--color-heading, #202020);
}

.wpcm-locations-map-root .wpcm-simplemaps-state-popup__subtitle {
    margin: 0 0 0.65rem;
    font-size: 0.8125rem;
    line-height: 1.35;
    color: var(--color-body, #555);
}