@import url('/assets/vendor/leaflet/leaflet.css') layer(map-vendor);

.office-map { margin-top:2rem; border:1px solid var(--line); border-radius:var(--radius); background:var(--light); overflow:hidden; isolation:isolate; }
.office-map__canvas { position:relative; height:clamp(20rem,36vw,28rem); background:var(--light); color:var(--navy); font-family:var(--font); }
/* Tint only map tiles; the authentic logo, controls and attribution retain their colours. */
.office-map__canvas .leaflet-tile-pane { filter:contrast(1.2) url('/assets/05_brand_elements/office-map-palette-v1.svg#dv-map-palette'); }
.office-map__fallback { position:absolute; inset:0; display:grid; place-items:center; padding:2rem; text-align:center; font-size:.9375rem; }
.office-map__status { position:absolute; left:1rem; right:1rem; bottom:2.5rem; z-index:600; padding:.75rem 1rem; border:1px solid var(--line); border-radius:var(--radius); background:var(--white); color:var(--text); font-size:.8125rem; }
.office-map__status[hidden] { display:none; }
.office-map__status a { text-decoration:underline; color:var(--blue); }
.office-map__locate { position:absolute; top:1rem; right:1rem; z-index:600; padding:.65rem .875rem; border:1px solid var(--navy); border-radius:var(--radius); box-shadow:0 2px 8px rgb(9 42 94 / 12%); background:var(--navy); color:var(--white); font:600 .8125rem/1.5 var(--font); min-height:2.75rem; cursor:pointer; }
.office-map__locate:hover { background:var(--blue); border-color:var(--blue); }
.office-map__canvas .leaflet-control-zoom { margin:1rem; border:1px solid var(--line); border-radius:var(--radius); overflow:hidden; box-shadow:0 2px 8px rgb(9 42 94 / 12%); }
.office-map__canvas .leaflet-control-zoom a { width:2.75rem; height:2.75rem; line-height:2.75rem; color:var(--navy); background:var(--white); font-family:var(--font); }
.office-map__canvas .leaflet-control-zoom a:hover { color:var(--white); background:var(--navy); }
.office-map__canvas .leaflet-control-zoom a.leaflet-disabled { color:var(--muted); background:var(--light); }
.office-map__canvas .leaflet-control-attribution { color:var(--text); background:rgb(255 255 255 / 95%); font:400 .6875rem/1.5 var(--font); padding:.25rem .5rem; }
.office-map__canvas .leaflet-control-attribution a { color:var(--navy); text-decoration:underline; }
.office-map__canvas .leaflet-popup-content-wrapper { border:1px solid var(--line); border-top:3px solid var(--red); border-radius:var(--radius); color:var(--navy); font-family:var(--font); box-shadow:var(--shadow); }
.office-map__canvas .leaflet-popup-content { margin:1rem 1.25rem; font-size:.875rem; line-height:1.6; }
.office-map__popup strong { display:block; font-size:1.125rem; margin-bottom:.4rem; }
.office-map__popup p { margin:.5rem 0; color:var(--text); }
.office-map__popup a { display:inline-flex; align-items:center; min-height:2.75rem; font-weight:600; color:var(--blue); }
.office-map__canvas .leaflet-popup-close-button { width:2rem; height:2rem; line-height:2rem; color:var(--navy); }
.office-marker-icon { border:0; background:none; }
.office-marker { position:relative; display:block; width:64px; height:80px; }
.office-marker__pin { position:absolute; inset:0; display:block; background:url('/assets/05_brand_elements/office-pin.svg') center/contain no-repeat; filter:drop-shadow(0 3px 6px rgb(9 42 94 / 22%)); }
.office-marker__mark { position:absolute; left:9.41px; top:22px; display:block; width:45.18px; height:18px; overflow:hidden; }
.office-marker__mark img { position:absolute; width:54px; height:36px; max-width:none; left:-4.86px; top:-4.122px; }
.office-map__hint { padding:.875rem clamp(1.25rem,3vw,2rem); font-size:.8125rem; line-height:1.6; color:var(--muted); border-top:1px solid var(--line); }
.office-map__canvas :focus-visible { outline:3px solid var(--focus); outline-offset:3px; }
@media (width < 760px) {
  .office-map__canvas--popup .leaflet-control-zoom,
  .office-map__canvas--popup .office-map__locate { visibility:hidden; }
}
@media print { .office-map__canvas { display:none; } }