/* The location card on Market, Store and Place pages and at the top of the Directions sheet (js/map-access.js, locationCardHtml).
   It replaces the small map for buyers and sits under it for staff. No fixed height: it is as tall as its rows, so no empty box is
   left where a map used to be. Three groups (where it is / getting there / the action) with thin dividers, no per-row background.
   One row = a violet icon, a small muted label over a bolder value, and the distance as a chip on the right. */
.loc-card { padding: 2px 14px 12px; }
.loc-group { padding: 8px 0; }
.loc-group + .loc-group { border-top: 1px solid var(--border); }
.loc-group:first-child { padding-top: 4px; }
.loc-group:last-child { padding-bottom: 0; }
.loc-row { display: flex; align-items: flex-start; gap: 12px; padding: 3px 0; }
.loc-ico { flex: none; color: var(--brand-text); margin-top: 2px; }
.loc-text { flex: 1 1 auto; min-width: 0; display: flex; flex-direction: column; gap: 1px; }
.loc-label { font-size: 12px; line-height: 16px; font-weight: 600; letter-spacing: .04em; text-transform: uppercase; color: var(--text-muted); }
.loc-value { font-size: 16px; line-height: 22px; font-weight: 600; color: var(--text); overflow-wrap: anywhere; }
.loc-sub { font-size: 14px; line-height: 20px; color: var(--text-muted); }
.loc-chip { flex: none; align-self: center; font-size: 14px; line-height: 20px; font-weight: 600; color: var(--brand-text); border: 1px solid var(--border); border-radius: 999px; padding: 3px 10px; white-space: nowrap; }
.loc-from { margin: 0; font-size: 14px; color: var(--text-muted); }
.loc-print { margin: 4px 0 0; font-size: 12px; line-height: 16px; color: var(--text-muted); }
.loc-warn { margin: 4px 0 0; }
.loc-warn a, .loc-fine a { display: inline-flex; align-items: center; min-height: 44px; }
.loc-warn a { font-size: 14px; font-weight: 600; color: var(--warning-text); text-decoration: underline; }
.loc-gmaps .loc-gmaps-btn { display: flex; align-items: center; justify-content: center; gap: 8px; width: 100%; min-height: 48px; color: var(--brand-text); border: 1.5px solid var(--brand); background: transparent; font-weight: 600; }
.loc-gmaps .loc-gmaps-btn:hover { background: var(--brand-tint); }
/* Small print under "Suggest a route" in the Directions sheet */
.loc-fine { margin-top: 6px; }
.loc-fine p { margin: 0; font-size: 12px; line-height: 16px; color: var(--text-muted); }
.loc-fine p + p { margin-top: 2px; }
.loc-fine .st-pinfix, .loc-fine .pl-pinfix { padding: 0; font-size: 14px; }
.mk-map-col .loc-card { background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius-lg); padding-top: 8px; }
/* A staff map above the card: the card is joined to it, not a second box */
.mk-map-col .mv-wrap + .loc-card { margin-top: 10px; }
#stSheet .loc-card, #esSheet .loc-card { padding: 0; }
.side-card-map .mv-wrap + .loc-card, .side-card-map .market-minimap + .loc-card { padding-top: 12px; }
/* The pin-fix link under the card: room below it inside a clipped side card */
.side-card-map .st-pinfix, .side-card-map .pl-pinfix { padding-bottom: 12px; }