/* Glance — detail map precision label and full-screen mode. */

.ad-map-precision {
    display: flex;
    align-items: center;
    gap: 0.35rem;
    margin: 0 0 0.45rem;
    color: var(--muted);
    font-size: var(--fs-xs);
    font-weight: 600;
}

.ad-map-precision .gi {
    flex: 0 0 auto;
    width: 0.9rem;
    height: 0.9rem;
}

.ad-map-precision.is-exact {
    color: var(--accent);
}

.ad-map-expand {
    position: absolute;
    z-index: 500;
    top: 0.55rem;
    right: 0.55rem;
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
    padding: 0.35rem 0.55rem;
    border: 1px solid var(--line);
    border-radius: 999px;
    background: color-mix(in oklab, var(--surface) 92%, transparent);
    color: var(--ink);
    font: inherit;
    font-size: var(--fs-2xs);
    font-weight: 700;
    cursor: pointer;
    box-shadow: 0 6px 16px -8px rgb(15 23 42 / 0.45);
    backdrop-filter: blur(6px);
}

.ad-map-expand:hover {
    border-color: var(--accent);
    color: var(--accent);
}

.ad-map-expand .gi {
    width: 0.9rem;
    height: 0.9rem;
}

.ad-map:not(.is-live) .ad-map-expand {
    display: none;
}

.ad-map-expand-close {
    display: none;
}

.ad-map.is-expanded .ad-map-expand-open,
.ad-map:fullscreen .ad-map-expand-open {
    display: none;
}

.ad-map.is-expanded .ad-map-expand-close,
.ad-map:fullscreen .ad-map-expand-close {
    display: inline;
}

.ad-map.is-expanded,
.ad-map:fullscreen {
    position: fixed;
    inset: 0;
    z-index: 9999;
    width: 100%;
    height: 100dvh;
    max-height: none;
    aspect-ratio: auto;
    border-radius: 0;
    background: var(--surface);
}

body.map-expanded {
    overflow: hidden;
}

@media (min-width: 56rem) {
    .ad-map.is-expanded,
    .ad-map:fullscreen {
        inset: 1rem;
        width: auto;
        height: auto;
        border-radius: var(--radius-l);
    }
}