/* HOME MINI MAP (2026-10-29) — js/home-minimap.js. The shared map in a small
   window at the top of the D-PAD tab; enlarge = the Departures map grown out
   of it, with a shrink button in the same corner. */
.hmm {
    position: relative;
    flex: none;
    height: 200px;
    margin: 0 0 6px;
    border-radius: 20px;
    overflow: hidden;
    background: #dfe6dc;
    box-shadow: 0 0 0 1px #e4dccb, 0 6px 18px rgba(0, 0, 0, .12);
    isolation: isolate;
}
.hmm-slot { position: absolute; inset: 0; }
.hmm-slot #mapbox-container { position: absolute; inset: 0; width: 100%; height: 100%; }
/* No zoom/locate controls in a window you can't drag; keep the logo and credit. */
.hmm .mapboxgl-ctrl-top-right,
.hmm .mapboxgl-ctrl-top-left { display: none !important; }
.hmm .mapboxgl-ctrl-bottom-right,
.hmm .mapboxgl-ctrl-bottom-left { transform: scale(.8); }
.hmm .mapboxgl-ctrl-bottom-right { transform-origin: right bottom; }
.hmm .mapboxgl-ctrl-bottom-left { transform-origin: left bottom; }

.hmm-tap { position: absolute; inset: 0; z-index: 2; border: 0; padding: 0; background: none; cursor: pointer; }
.hmm-btn {
    position: absolute; z-index: 4; top: 10px; right: 10px;
    width: 40px; height: 40px; border-radius: 50%; border: 0;
    display: grid; place-items: center;
    background: #fffdf7; color: #1a1a1a;
    box-shadow: 0 2px 8px rgba(0, 0, 0, .22);
    cursor: pointer;
}
.hmm-btn:active { transform: scale(.94); }
.hmm-chip {
    position: absolute; z-index: 3; left: 10px; bottom: 10px; max-width: calc(100% - 96px);
    padding: 6px 11px; border-radius: 100px;
    background: rgba(255, 253, 247, .96); color: #1a1a1a;
    font: 500 11.5px/1.25 var(--font-ui, Figtree, sans-serif);
    box-shadow: 0 2px 8px rgba(0, 0, 0, .15);
    white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
    pointer-events: none;
}
.hmm-chip b { color: var(--accent-red, #e74c3c); }

/* The shrink button on the enlarged map, under the header, only when the
   map was opened from the D-PAD tab. */
.hmm-shrink {
    display: none;
    position: absolute;
    top: calc(var(--header-height) + var(--safe-top, 0px) + 12px);
    right: 12px;
    z-index: 30;
}
body.hmm-big .hmm-shrink { display: grid; }
/* Departures' own filter button lives in that corner; step it down a row. */
body.hmm-big #gs-rail { top: calc(var(--header-height, 72px) + var(--safe-top, 0px) + 62px); }